Ich war zwar eigentlich der meinung alle macken des IEs zu kennen, aber ich bin trotzdem grade auf ein problem gestoßen zu dem ioch keine Lösung weiß (oder nur nicht drauf komm, jedefalls kA was ihc da machen soll/kann)
Hier der code (stripped):
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Menuproblem im IE6</title>
<style type="text/css" media="screen">
* {
padding: 0;
margin: 0;
border: none;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
background: #000;
font-family: Verdana, sans-serif;
color: #333;
}
#wrapper {
position: relative;
width: 700px;
font: 67%/1.4 Verdana, sans-serif;
border-left: 140px solid #444;
background: #fff;
min-height: 100%;
}
#menu {
position: relative;
margin: 0 0 0 -140px;
width: 140px;
height: 420px;
}
#menu ul {
list-style-type: none;
color: #fff;
padding: 30px 0 0 0;
}
#menu a {
display: block;
color: #fff;
text-decoration: none;
padding: 2px 0 2px 5px;
}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
#wrapper {
height: 100%;
width: 840px;
}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="menu">
<ul>
[*]Startseite
[*]Referenzen
[*]Links
[*]Gästebuch
[*]Kontakt
[*]Impressum
[/list] </div>
</div>
</body>
</html>
Das
Problem ist, das der IE die liste in der höhe auseinanderzieht, allerdings nur bei den links und auch nur wenn die display: block haben. ich weiß aber nicht woher er sich die information nehmen will, die so weit auseinander zu ziehen...
hier nochmal das ganze online:
http://uploads.juliangieseke.de/dl/m...rob-555yj.html
thx & mfg psy-