problemer med div i ie6
Hej eksperter,Jeg sidder og er igang med noget div, og det hele virker perfekt i ie7 og mozilla. Mit problem er at det fu..... lidt op i ie6.
Mit problem er at jeg gerne vil have div-boksen "flag" ovenpå div-boksen "top" - det lykkedes også, men selve højden af div-boksen "flag" kommer som et mellemrum helt nederst. Dvs. jo højere flag er, desto længere kommer teksten "test" ned, og den burde jo gerne komme lige under div boksene.
Håber det er forståeligt?
Koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style>
html {
margin:0 auto;
}
body {
background: #CDDDFE;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
margin: 0 auto;
padding: 0px;
}
#container {
position:relative;
margin:0 auto;
padding:0px;
width:880px;
height:auto;
z-index:3;
}
#top {
position:relative;
background:url(images/top.png) no-repeat top left;
width:878px;
height:145px;
margin:100px 0px 0px 0px;
padding:0px;
}
#kangaroo {
position:relative;
width:198px;
height:140px;
top:-90px;
left:-40px;
float:left;
}
#flag {
position:relative;
width:100px;
height:100px;
top:-130px;
right:-775px;
clear: both;
}
</style>
</head>
</head>
<body>
<div id="container">
<div id="top">
<div id="kangaroo">
overskrift
</div>
<div id="flag">
flag
</div>
</div>
</div>
test
</body>
</html>
