CSS und IE6 -> 3 Spalten Layout Prob :S

[dead.line]

Hallo Leute,

ich hab ein problem.
Ich hab ein 3 spalten Layout gemacht.

"Linke Navi | Content | Rechte Navi"

Linke Navi is "float:left" Rechte Navi is "float:right" der Content hat jeweils einen left und right margin von der breite der navi's.

Im Firefox und in Opera wird die seite so angezeigt wie es soll. Aber der gute alte IE6 kriegt das mal wieder nicht hin. Was muss ich beachten (CSS hack?) damit der IE das auch so hinbekommt?


Hier seht ihr das Problem noch mal verdeutlicht:
IE6
http://img172.imageshack.us/img172/7696/headerfalschkt0.th.png (http://img172.imageshack.us/my.php?image=headerfalschkt0.png)

Und so soll's aussehen:
Firefox / Opera
http://img172.imageshack.us/img172/5088/headerrichtigem3.th.png (http://img172.imageshack.us/my.php?image=headerrichtigem3.png)

danke schon mal im vorraus

mfg

PS: braucht ihr meine CSS file?

[dead.line]

LOL, ich hab die Lösung des Problems:

Zwischen dem Content und den Leisten links und rechts müssen jeweils 3 pixel platz sein! Also die breite des contents muss 6 pixel kürzer sein als ursprünglich.
Wenn es nur 2 pixel pro seite sind gehts nicht mehr.


Wenn jemand ne besser lösung hat: bitte posten!!

[Roi Danton]

Glückwunsch!

Das hat mit dem fehlerhaften Boxmodell (margin/padding) des IE6 zu tun. Für ihn ist Dein Contentblock breiter als für die anderen Browser. Da er dann zu breit für die Seite ist, wird der Block nach unten verschoben. Darüber grübelt man zum Glück nur einmal nach, da das Problem so ärgerlich und trivial zu lösen ist, dass man das nicht mehr vergisst. ;)

[dead.line]

jo, sag mal ist das ein CSS hack wenn ich in der CSS file folgendes mache:

width:500px; <- für normale browser
*wdith:500px; <- für den IE


Weil so hab ich das jetzt hinbekommen ^^

[Sphinx]

jo, sag mal ist das ein CSS hack wenn ich in der CSS file folgendes mache:

width:500px; <- für normale browser
*wdith:500px; <- für den IE


Weil so hab ich das jetzt hinbekommen ^^


http://www.glish.com/css/7.asp

[PuppetMaster]

Warum mit Hacks invaliden Code produzieren, der dann eventuell woanders Probleme verursacht?

Einfach dem IE per Conditional Comment die Korrekturen in nem separaten Stylesheet geben:
http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative

[dead.line]

Warum mit Hacks invaliden Code produzieren, der dann eventuell woanders Probleme verursacht?




...weil ich die leute bestrafen will die immernoch mit veralteten browser unterwegs sind... lol

[PuppetMaster]

Indem du modernen Browsern kaputten Code zumutest? :confused:

Da wärs doch sinnvoller, jegliche IE6-Anpassungen ganz wegzulassen...

[dead.line]

hm... kann man das irgendwie einrichten das wenn man versucht die website per IE aufzurufen eine meldung erscheint von wegen "bitte benutzen sie Firefox / Opera etc."?

[Marscel]

hm... kann man das irgendwie einrichten das wenn man versucht die website per IE aufzurufen eine meldung erscheint von wegen "bitte benutzen sie Firefox / Opera etc."?

Hihi, das ist mein Traum von Internetseiten, die sowas tun, frei nach dem Motto "Ich hab keinen Bock, mich um diesen Murks zu kümmern". Wenn nicht soviele den nutzen würden, wäre das auf all meinen privaten Seiten drin. :D

Die Möglichkeit gibt es. Hast du PHP o.Ä. zur Verfügung? Sonst musst du das mittels Javascript clientseitig machen. Das an das Ende der Seite, unter den Body setzen. ;)

if(navigator.appName == 'Microsoft Internet Explorer')
{
document.getElementsByTagName("body")[0].innerHTML = "Schei* Browser";
}

[Roi Danton]

LOL. ;D (sorry für den Spam)