problemer med height i divs i IE og FF
Jeg har et træls problem med noget designhalløj.Jeg kan ikke få IE til at fatte, at den ikke skal være ca 2 px højere end den angivne height. Problemet er med div.container_all, container_left og container_right. I FF virker alt fantastisk (som altid). Jeg håber der er et klogt hovede, som kan se den fejl jeg begår. Koden er som følgende:
body {
margin: 0;
width: 100%;
height: 100%;
font: 0.7em arial, sans-serif;
line-height: 1;
color: #666666;
}
h1, h2, h3, h4 { font-family: arial, sans-serif; font-weight: normal; }
h1 {
font-size: 2em;
color: #989898;
text-transform: lowercase;
padding-left: 15px;
border-bottom: 1px solid #999999;
}
h2 {
font-size: 1.70em;
color: #989898;
text-transform: lowercase;
padding-left: 15px;
}
h3 {
font-size: 1.35em;
color: #666666;
margin-top: 0px;
}
h4 {
font-size: 1.09em;
color: #666666;
padding-left: 15px;
}
/*+------------------------------+
| div |
+------------------------------+*/
div#container_super {
/*border: 1px solid black;*/
position: absolute;
left: 50%;
top: 50%;
width: 902px;
height: 500px;
margin-top: -275px; /* half of the height */
margin-left: -451px; /* half of the width */
}
div#container_menu {
/*background-color: silver;*/
margin-top: 50px;
padding-left: 0px;
width: 680px;
height: 50px;
}
div#container_all {
border-left: 1px solid #26FE02;
border-right: 1px solid #26FE02;
/*background-color: green;*/
margin-top: 10px;
margin-bottom: 15px;
width: 900px;
height: auto;
}
div#container_left {
border-left: 1px solid #26FE02;
border-right: 1px solid #26FE02;
/*background-color: green;*/
margin-top: 10px;
margin-bottom: 15px;
float: left;
width: 540px;
height: 320px;
}
div#container_right {
/*background-color: magenta;*/
border-right: 1px solid #26FE02;
margin-top: 10px;
margin-bottom: 15px;
float: right;
width: 330px;
height: 320px;
overflow: none;
}
OSV....
