nicht angemeldet
Hallo,
ich musste gerade erfahren, daß mein schönes einfaches Standard-cross-browser-zwei-Spalten-feste-Breite-Layout unter Mac IE5 nicht funktioniert - die divs floaten nicht.
Laut Recherche scheint der Mac-IE5 zwar einen ganzen Zoo von floating-bugs zu haben aber keiner scheint so richtig zu passen; es scheint keine griffigen Workarounds zu geben... und vor allem kann ich es nicht testen, weil ich keinen Zugriff auf einen Mac habe.
Hier ist der css-Ausschnitt: (HTML-Code unten)
#page {
width:305px;
overflow:visible; }
#menu, #content {
float:left;
clear:right;
overflow:hidden; }
#menu {
width:100px; }
#content {
width:200px; }
Kennt jemand das Problem und hat eventuell Tips für einen Workaround?
oder
Wäre jemand mit einem Mac (OS egal) und IE5.x so freundlich die beiden Testabstriche, die ich gemacht habe mal unter sein Mac-roskop zu legen ;-). Ein einfaches geht/geht nicht reicht.
Test-Cases:
-----------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-language" content="de">
<meta name="robots" content="index, follow">
<title>Mac-IE5-Float-Testseite</title>
</head>
<body style="background-color:#9cc;width:100%;float:none;clear:none;">
<div id="page" style="background-color:#99c;width:305px;float:none;clear:none;position:static;">
<div id="menu" style="background-color:#c9c;width:100px;float:left;clear:left;position:static;">menu</div>
<div id="content" style="background-color:#9c9;width:200px;float:right;clear:right;position:static;">content</div>
</div>
</body>
</html>
---------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-language" content="de">
<meta name="robots" content="index, follow">
<title>Mac-IE5-Float-Testseite</title>
</head>
<body style="background-color:#9cc;width:100%;float:none;clear:none;">
<div id="page" style="background-color:#99c;width:305px;float:none;clear:none;position:static;">
<div id="menu" style="background-color:#c9c;width:100px;float:left;clear:left;position:static;">menu</div>
<div id="content" style="background-color:#9c9;width:200px;float:left;clear:right;position:static;">content</div>
</div>
</body>
</html>
------------------
Gruß
Paul