Zentrieren im IE
E-Sheep
- css
Hallo zusammen,
ich habe ein kleines Problem mit dem CSS-Handling des IE 6.
Im Style-Sheet ist eine ID definiert, die so aussieht:
#seite {
left : 170px;
top : 0px;
right : 50px;
position : absolute;
}
Im HTML-Dokument steht nun folgendes:
<div id="seite">
Ueberschrift<br>
<br>
<br>
<div align="center">
<img src="bild.jpg" width="123" height="123" border="0"><br>
Hier noch ein wenig Text in mehreren Zeilen, blablabla.
</div>
Hier geht es dann weiter mir noch mehr Text.
</div>
Firefox macht jetzt was er soll: die Überschrift und der weitere Text ganz unten ist linksbündig, das Bild und der Text direkt darunter werden im definierten Bereich (170 Pixel von links, 50 Pixel von rechts) zentriert.
Der IE 6 zentriert Bild und Text zwar auch, nimmt aber als Basis nicht den definierten Bereich, sondern lediglich den linken Rand und die maximale Breite des Textes, d.h. die Einstellung für den rechten Rand wird ignoriert.
Ich habe schon mit verschiedenen CSS-Einstellungen herumprobiert, bekomme es aber irgendwie nicht hin.
Hat jemand eine Idee?
Hallo,
Der IE kann die Breite nicht aus den Angaben zu left und right berechnen. Warum lässt du das position:absolute nicht weg und verwendest margin-left:170px und margin-right:50px um die gewünschte Darstellung zu erhalten?
Gruss,
OhneName
Hallo,
Der IE kann die Breite nicht aus den Angaben zu left und right berechnen. Warum lässt du das position:absolute nicht weg und verwendest margin-left:170px und margin-right:50px um die gewünschte Darstellung zu erhalten?
Gruss,
OhneName
Auf die einfachsten Dinge kommt man nicht...
Danke schön, das funktioniert natürlich. :-)
Viele Grüße!