Hi Leute,
Es geht um gewisse inkompatibilitäten zwischen Opera + Mozilla und dem Internet Explorer.
Ich habe ein Layout entworfen, welches nur mit divs aufgebaut ist. Ganz einfach erklärt ganz oben eine Zeile für den Head dann direkt darunter eine Zeile wo der Content rein kommt und ganz unten eine Zeile für den Footer.
Die mittlere Zeile die ja den Content darstellt, wird mit 2 divs nochmals unterteilt in 1.) links einer Navigation und 2.) rechts dem eigentlichen Content.
Ich habe von beidem einen Screenshot gemacht (wies im Mozilla dargestellt wird und im IE)
Das Hauptdiv für den Content (also die ganze Zeile) wird beim Mozilla (meines erachtens falsch dargestellt) da er den Rahmen nicht auseinander zieht! So wie es der Internet Explorer macht sollte es eigentlich sein!
Ich hoffe ihr könnt euch aus den beiden Bildern vorstellen wie ich das meine!
Meine Frage nun: Wie kann ich das machen dass es bei beiden Browsern gleich dargestellt wird! dh. der Rahmen soll auseinandergezogen werden (ansonsten könnte ich zb auch keine Hintergrundfarbe für die gesamte Zeile machen)
Das witzige an der ganzen Geschichte ist dass der Mozilla den Rahmen zwar reserviert aber nur ganz oben darstellt!
Hier noch der CSS Teil des Grundaufbaus:
Danke schon mal für alle Antworten
Gruß
Matthias
Es geht um gewisse inkompatibilitäten zwischen Opera + Mozilla und dem Internet Explorer.
Ich habe ein Layout entworfen, welches nur mit divs aufgebaut ist. Ganz einfach erklärt ganz oben eine Zeile für den Head dann direkt darunter eine Zeile wo der Content rein kommt und ganz unten eine Zeile für den Footer.
Die mittlere Zeile die ja den Content darstellt, wird mit 2 divs nochmals unterteilt in 1.) links einer Navigation und 2.) rechts dem eigentlichen Content.
Ich habe von beidem einen Screenshot gemacht (wies im Mozilla dargestellt wird und im IE)
Das Hauptdiv für den Content (also die ganze Zeile) wird beim Mozilla (meines erachtens falsch dargestellt) da er den Rahmen nicht auseinander zieht! So wie es der Internet Explorer macht sollte es eigentlich sein!
Ich hoffe ihr könnt euch aus den beiden Bildern vorstellen wie ich das meine!
Meine Frage nun: Wie kann ich das machen dass es bei beiden Browsern gleich dargestellt wird! dh. der Rahmen soll auseinandergezogen werden (ansonsten könnte ich zb auch keine Hintergrundfarbe für die gesamte Zeile machen)
Das witzige an der ganzen Geschichte ist dass der Mozilla den Rahmen zwar reserviert aber nur ganz oben darstellt!
Hier noch der CSS Teil des Grundaufbaus:
Code:
#root a { color:#000000;
text-decoration:none;
font-weight:bold; }
#root a:hover { color:#FF0000; }
#head { border:0px solid #000000;
background-color:#BBBBBB;
height:100px;
margin:0px; }
#content { border-width:4px;
border-color:#FF0000;
border-style:solid;
background-color:#BBBBBB;
width:100%;
margin-top:1px; }
#footer { border:0px solid #000000;
background-color:#BBBBBB;
height:20px;
clear:left;
margin-top:1px; }
Danke schon mal für alle Antworten
Gruß
Matthias
Anhänge
Zuletzt bearbeitet: