Div Positionierung

[Cssler]

Hallo

Ich positioniere mittels DIv ein Bild über eine Tabelle.
Im Firefox wird alles so dargestellt wie gewünscht, aber im IE wird die Grösse des Divs nicht akzeptiert:
Mein CSS:
div.image_rightTop{
position:relative;
top:0px;
left:850px;
width:0px;
height:0px;
border: 0px;
margin: 0px;
padding: 0px;
}

Mein Div:
<div class="image_rightTop" style="width: 0px; height: 0px;"><img src="/_images/mix_your_vision.gif" width="128" height="182"></div>

verschau:
http://demo18.mhs.ch/de/

Dank und Gruss

[afra]

Hallo Cssler!

div.image_rightTop{
position:relative;
top:0px;
left:850px;
width:0px;
height:0px;
border: 0px;
margin: 0px;
padding: 0px;
}

Mein Div:
<div class="image_rightTop" style="width: 0px; height: 0px;"><img src="/_images/mix_your_vision.gif" width="128" height="182"></div>

Auf der aufgeführten Seite gibst Du die inline Styles nicht nochmals an. Der IE Interpretiert Dein relatives Div so groß wie alle darin vorkommenden Elemente. Das Bild ist nun mal so groß. Meines Erachtens kannst Du froh sein, dass der FF überhaupt das Bild zeigt und nicht wirklich die Division nur so groß wie definiert anzeigt.

Du könntest auf die Tabelle verzichten und die Inhalte alle relativ ausrichten. Arbeite dann mit Margins und Paddings.

Schönen Gruß

Afra

[at]

Hallo.

Du könntest auf die Tabelle verzichten

Und auf das Container-<div> erst recht.
MfG, at

[MudGuard]

Hi,

Meines Erachtens kannst Du froh sein, dass der FF überhaupt das Bild zeigt und nicht wirklich die Division nur so groß wie definiert anzeigt.

Das div ist im Firefox so groß wie angegeben. Da keine anderweitigen Angaben zu overflow gemacht wurden, gilt overflow:visible, was dazu führt, daß der Inhalt (in diesem Fall das Bild) über das div hinaus dargestellt wird.

cu,
Andreas