nicht angemeldet
IE6 Problem
Habe Folgenden Code, der eine Linke Spalte und einen Hautpbereich darstellt.
in FF und IE7 bleibt der linke Abstand vom HAuptbereich gleich.
Im IE6 lauft der Hauptbereich nach links, wenn der linke Bereich aufhört.
Gibt´s da nen Workaround?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>IE6 Test</title>
<style type="text/css">
#container { margin:auto; width:1024px; background-color:yellow;}
#top, #footer {background-color:green;}
#links {
float: left;
width:180px;
margin: 0;
background-color:red;
}
#center {
background-color:blue;
overflow:hidden;
}
</style></head>
<body>
<div id="container">
<div id="top">Top</div>
<div id="links">
Zeile1<br>Zeile2<br>Zeile3<br>
</div>
<div id="center">
Zeile1<br>Zeile2<br>Zeile3<br>Zeile4<br>Zeile5<br>Zeile6<br>
</div>
<div id="footer">FOOTER</div>
</div>
</body>
</html>
-
Hi!
fuern IE versuch center mal mit margin-left: 180px.
--
Wenn Du eine Antwort nicht verstehst, trau dich und frag nochmal nach.
-
Hi!
fuern IE versuch center mal mit margin-left: 180px.
Supie, klappt bestens so - Danke!
-
Immer gern.
Ich nehm auch Bezahlung in Form von Gefaelligkeiten. *sehnsuchtig an ne huebsche Palmenblattwedlerin denkt*
--
Wenn Du eine Antwort nicht verstehst, trau dich und frag nochmal nach.
-
Immer gern.
Ich nehm auch Bezahlung in Form von Gefaelligkeiten. *sehnsuchtig an ne huebsche Palmenblattwedlerin denkt*
Wedel, Wedel - kühl -kühl
ciao und nen schönen Abend
Franka-
Ich nehm auch Bezahlung in Form von Gefaelligkeiten. *sehnsuchtig an ne huebsche Palmenblattwedlerin denkt*
Wedel, Wedel - kühl -kühl
:D
haett ich das nur frueher gelesen!
--
Wenn Du eine Antwort nicht verstehst, trau dich und frag nochmal nach.
-
-
-
-
-
Nunja, du hast eine Höhe (height) für das Div-Element "links" angegeben. Somit ist für den Browser das Feld nur so groß, wie der Text ist.
Das andere Div-Element ist nirgens ausgerichtet und ein clear:both hast du auch nicht. Hättest du's, dann wäre das Element "center" unter "links", das willst du ja auch nicht. Wenn du es allerdings auch links ausrichten lässt, geht's.Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head><title>IE6 Test</title> <style type="text/css"> #container { margin:auto; width:1024px; background-color:yellow;} #top, #footer {background-color:green;} #links { float: left; width:180px; margin: 0; background-color:red; } #center { float:left; background-color:blue; overflow:hidden; } </style></head> <body> <div id="container"> <div id="top">Top</div> <div id="links"> Zeile1<br>Zeile2<br>Zeile3<br> </div> <div id="center"> Zeile1<br>Zeile2<br>Zeile3<br>Zeile4<br>Zeile5<br>Zeile6<br> </div> <div style="clear:both;"></div> <div id="footer">FOOTER</div> </div> </body> </html>-
Ich glaube aber nicht, dass sie dem Contentbereich eine feste Breite zuweisen moechte. Was Du auch nicht getan hast, weshalb er nur so breit ist wie die laengste Zeile.
Ausserdem beschwoert sie damit einen anderen IE Bug bei dem die floatenden Elemente einen ungewollten Abstand zueinander haben.
--
Wenn Du eine Antwort nicht verstehst, trau dich und frag nochmal nach.
-
Wieso eigentlich 'sie'??
Bei ueber 30 Grad sollte man nicht mehr arbeiten duerfen. *schwitz*
--
Wenn Du eine Antwort nicht verstehst, trau dich und frag nochmal nach.
-
Stimmt auch wieder. Es ist ziemlich traurig, dass man kein vernünftiges HTML anwenden kann, sodass wirklich jeder Browser da mitspielt...
Naja, vielleicht werden ja bald alle IE-Jünger auf die Version 7 umgestiegen sein, die dann doch schon mehr unterstützt. :)Gruß
Christian Wansart-
Hm. so mancher 'Juenger' kann sich aber leider nicht aussuchen, dass er ein 'IE6 Junger ist'. Ich z.B. Das wird sich so schnell auch nicht aendern, da viele Programme hier darauf ausgelegt sind.
--
Wenn Du eine Antwort nicht verstehst, trau dich und frag nochmal nach.
-
-
-