Hallo,
ich habe ein simples Design welches ich komplett mit DIVs umgesetzt habe. Es funktioniert auch wunderbar in jedem Browser, außer im IE6. Da aber IE6 Support gewünscht ist und ich keine Idee mehr habe wie ich es im IE 6 zum laufe bekomme frage ich hier mal nach.
Mein Design sieht wie folgt aus:
Div 1 ist relativ ausgerichtet, Div 2,3 und 4 haben noch einen großen Hauptcontainer drum, der ebenfalls realtiv ausgerichtet ist und Div Nummer 5 ist auch relativ.
Div 2,3 und 4 sind auch relativ ausgerichtet und haben einen float (left), so dass sie nebeneinander sind. Hier kurz zur Veranschaulichung die CSS-Definitionen für die mittleren Beriche:
PHP-Code:
.content {
position: relative;
width: 824px;
}
.contentLeft {
position: relative;
width: 162px;
float: left;
padding: 0px 16px;
}
.contentCenter {
position: relative;
width: 451px;
float: left;
padding: 0px 12px 0px 12px;
}
.contentRight {
position: relative;
width: 140px;
float: left;
padding-right: 7px;
}
Mein Problem ist nun, das der IE 6 den rechten div (4) einfach immer unten den ganz linken zieht (2), da er vermutlich anders mit dem margin/padding/border umgeht als die anderen Browser. Hat jemand eine Idee wie ich diesen "Umbruch" verhindern kann?
Ich hatte schon überlegt die DIVs 2,3 und 4 absolut innerhalb des mittleren Container DIVs zu positionieren, aber dann hätte ich das Problem das meine absoluten DIVs den 5. DIV nicht weiter nach unten schieben würde, wenn der Inhalt zu lang wird
Meine derzeitige Variante ist, dass der Container um DIV 2,3 und 4 einfach ein wenig breiter ist 834px statt 824px, aber dann ragt natürlich die Hintergrundfarbe an der rechten seite zu weit raus :/
Hat jemand eine Idee wie ich das Problem lösen kann?
Viele Grüße,
EdMolf
Alle PHP Scripte anzeigen 
Jetzt registrieren
CSS - absolute / relative DIV Positionierung
Berni
