✔ Grafik ganz oben plazieren beim IE...

Status
Nicht offen für weitere Antworten.
T

tomate

Erfahrenes Mitglied
...funktioniert nicht, wenn die Grafik eine Höhe kleiner 16px hat.

<div style="position:absolute; top:0;left:0;z-index:1;">
<img src="../../bilder_alle/spacer_hg.gif" alt="" width="355" height="3" border="0">
</div>

Die Grafik hat einen Abstand von 13px zum oberen Rand. Zumindest im IE und im Netscape 4.x. Firefox positioniert die Grafik korrekt.

Kann mir da jemand weiterhelfen?

Viele Grüsse
tomate
 
Im body:

Code: 
<body style="margin:0px; padding:0px>

Image Tag:

Code: 
<img src=irgendein.jp height="6" widht="20" style="margin:0px; padding:0px>

Werden die Bilder jedoch per Popup direkt verlinkt gelkaden , könnte/wird das versagen!
 
Hallo Thomas,

leider hat Dein Vorschlag nicht geholfen. Genau das gleiche Ergebniss. Nur wenn ich "top: -13px" notiere, wird die 3px hohe Grafik ganz oben im IE plaziert. Hängt das vielleicht irgendwie mit dem Scrollbalken zusammen? Der ist doch genau 16px breit, wenn er denn sichtbar wäre?

Jetzt suche ich schon seit Stunden nach einer Lösung für den IE. Das gibt es doch nicht, das ich für so alberne positionierung extra eine Weiche einbauen muss?

Hier mal der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
#uff
{
position: absolute;
top: 0;
left: 0;
}
</style>
<title>Unbenannt</title>
</head>
<body bgcolor="#400040" style="margin: 0px; padding: 0px; overflow: hidden; height: 100%;">
<div id="uff">
<img src="../../bilder_alle/spacer_hg.gif" alt="" width="355" height="3" border="0" style="margin: 0px; padding: 0px;">
</div>
</body>
</html>

Hilfe!
Viele Grüsse
tomate
 
Moin,

nimm Dein Bild im uff-Container in den Textfluss auf.
Code: 
#uff img{ float: left;}
Anschliessend musst du allerdings den Textfluss irgendwann wieder aufheben, da
sonst im Mozilla andere Elemente, die ebenfalls im uff-Container enthalten sein
sollen, herausfallen. Das erreichst Du zum Beispiel, indem Du ein Dummy-Div
erstellst, das keinen Platz einnimmt (so formatieren, dass Höhe Null ist) und dort
platzierst, wo der Textfluss wieder aufgehoben sein soll.
Code: 
.dummy{ line-height: 0px;
        font-size: 0px;
        height: 0px;
        clear: left;}
Jetzt solltest Du mit
Code: 
<div id="uff">
  <img src="../../bilder_alle/spacer_hg.gif" alt="" width="355" height="3" border="0">
  <div class="dummy">&nbsp;</div>
</div>
eine korrekte Anzeige erreichen.

Die Formatierungen für den BODY von Thomas musst Du ausserdem beachten.

Ciao
Quaese
 
Zuletzt bearbeitet:
uff, ich bin geplättet! Es funktioniert. Das wäre ich in 100 kalte Winter nicht draufgekommen. Aber normal ist das doch nicht, oder? Das ist doch ein Bug im IE. Wenn ich mir das durchlese, was SelfHTML zu "float" schreibt, hat das mit dem Randabstand so viel zu tun wie eine Kuh mit Seiltanzen, oder blick ich's nicht?

Vielen Dank Euch beiden!
tomate
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück