[CSS] Div blir för lång i IE, inte i FF.
Har satt en specifik height på den gula, men likförbannat blir den längre, ungefär 100-150 pixlar.
Det känns som om det har att göra med att IE ballar ur när den får två divar i sig, som att den måste trycka ut den gula så den blir längre på något sätt.
Någon som har nån idé?
Och, varför blir det ett litet mellanrum innan första stycket i min Lorem Ipsum-text, i Firefox, men inte i Internet Explorer?
Såhär ser CSS-en ut.
* { margin: 0; padding: 0; border: 0 }
body {
background-color: #f0efdc;
font-family: "Trebuchet MS";
font-size: 10pt;
color: #7c4b00;
}
/*****************************************/
#top {
width: 692px;
height: 102px;
background-image: url(../images/top.jpg);
position: relative;
top: 5px;
border: 0px;
}
/*****************************************/
#menu {
width: 692px;
}
#menu ul {
list-style-type: none;
}
#menu ul li {
display: inline;
}
#menu li a {
width: 75px;
border: 2px solid white;
display: block;
color: #ffffff;
background: #aa814d;
text-decoration: none;
float: left;
padding: 2px;
position: relative;
top: -20px;
_top: -21px;
left: 230px;
_left: 265px;
margin: 2px;
}
#menu li a:hover {
background: #d2be8c;
}
/*****************************************/
#page {
width: 686px;
_width: 692px;
height: 600px;
_height: 200px;
position: relative;
top: 10px;
_top: -17px;
background-color: yellow;
text-align: left;
padding: 4px;
}
#ltext {
width: 460px;
/*_width: 460px;*/
height: 560px;
position: relative;
top: 10px;
_top: 10px;
left: 215px;
_left: 222px;
background-color: lightblue;
text-align: left;
padding: 4px;
}
#rtext {
width: 170px;
/*_width: 460px;*/
height: 560px;
position: relative;
top: -558px;
_top: -550px;
left: 15px;
_left: 18px;
background-color: lightgreen;
text-align: left;
padding: 4px;
}
Mvh
Håkan
must!