Problem bei der Anzeige eines div-Inhalts
Dude
- css
Hallo Leute,
ich bin nun total ratlos. Ich habe einen Footer, der nun vom IE 6.0 normal und vom FF 2.0 viel zu weit eingerückt angezeigt wird.
Screenshot FF:
http://img483.imageshack.us/my.php?image=footerrq9.jpg
CSS Ausriss:
#footer {
padding: 5px 10px 5px 10px;
width: 770px;
height:20px;
margin-left:10px;
margin-top:5px;
border: 1px solid #ddd;
}
Wo könnte ich denn noch (in der CSS Datei) nach dem Fehler suchen?
Vielen lieben Dank,
Dude
Ich habe einen Footer, der nun vom IE 6.0 normal und vom FF 2.0 viel zu weit eingerückt angezeigt wird.
Screenshot FF:
http://img483.imageshack.us/my.php?image=footerrq9.jpg
Da ist wenig bis gar nichts zu erkennen, aber dass der IE 6 etwas richtig und Firefox dasselbe falsch anzeigt, ist so gut wie ausgeschlossen.
padding: 5px 10px 5px 10px;
width: 770px;
height:20px;
margin-left:10px;
margin-top:5px;
border: 1px solid #ddd;
Schaltest Du die Browser in den standardkonformen Modus? Ohne den brauchst Du gerade beim IE6 zusammen mit width und height, aber auch mit CSS allgemein gar nicht ernsthaft anfangen zu arbeiten.
Da ist wenig bis gar nichts zu erkennen, aber dass der IE 6 etwas richtig und Firefox dasselbe falsch anzeigt, ist so gut wie ausgeschlossen.
Es ist tatsächlich so! Mich wunderts auch grad - und es geht weiter:
http://www.malteser-graefelfing.de/test/test.php
Hier wieder:
Aber warum wird mein "Weltbild" derart verrückt?
Dude
Da ist wenig bis gar nichts zu erkennen, aber dass der IE 6 etwas richtig und Firefox dasselbe falsch anzeigt, ist so gut wie ausgeschlossen.
Es ist tatsächlich so!
Glaube ich nicht.
Erstmal ist der Code falsch, es darf nicht zweimal dieselbe ID vergeben werden.
- Warum wird die Größe nicht an das "linke" DIV angepasst?
Weil Du #left mittels float aus dem Elementfluss herausgenommen hast. Was Du da im IE siehst, gefällt Dir vielleicht besser, ist aber falsch.
- Warum verschiebt es den Footer bis zum rechten DIV?
Weil Firefox es richtig macht und alle auf #left folgenden Elemente um #left herumfließen lässt (daher: float). Schau Dir das zweite Beispiel in der <http://www.w3.org/TR/CSS2/visuren.html#floats@CSS-Doku, Abschnitt 9.5>, an, da hast Du ziemlich exakt die Funktion von float für den Fall dargestellt, den Du hier konstruiert hast.
Aber warum wird mein "Weltbild" derart verrückt?
Weil Du auf eine schlechte Umsetzung desselben aufgesessen bist?