Div css i IE6
hej eksperterJeg har lavet følgende htm og css som virker fint i IE 7 og FireFox men bare ikke i ie 6 ??:
CSS:
/* CSS Document */
/* DIVS */
/* div villa main */
.villamain{
margin: 0 auto; /* nulstiller align center i div */
text-align: left; /* nulstiller align center i div */
overflow: hidden; /* stopper for udvidelse af div */
width: 700px; /* bredden på din boks */;
position: relative;
}
.a1{
background: #000000;
height: 1px;
margin-left: 350px;
margin-right: 0px;
}
.a2{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 349px;
margin-right: 0px;
height: 1px;
}
.a3{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 348px;
margin-right: 0px;
height: 1px;
}
.a4{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 347px;
margin-right: 0px;
height: 1px;
}
.a5{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 346px;
margin-right: 0px;
height: 1px;
}
.a6{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 345px;
margin-right: 0px;
height: 1px;
}
.a61{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 344px;
margin-right: 0px;
height: 1px;
}
.a62{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 343px;
margin-right: 0px;
height: 1px;
}
.a63{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 342px;
margin-right: 0px;
height: 1px;
}
.a64{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 341px;
margin-right: 0px;
height: 1px;
}
.a65{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 340px;
margin-right: 0px;
height: 1px;
}
.a66{
background-color: green;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 339px;
margin-right: 0px;
height: 1px;
}
.a67{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 338px;
margin-right: 0px;
height: 1px;
}
.a68{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 337px;
margin-right: 0px;
height: 1px;
}
.a69{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 336px;
margin-right: 0px;
height: 1px;
}
.a610{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 335px;
margin-right: 0px;
height: 1px;
}
.a611{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 334px;
margin-right: 0px;
height: 1px;
}
.a612{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 333px;
margin-right: 0px;
height: 1px;
}
.a613{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 332px;
margin-right: 0px;
height: 1px;
}
.a614{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 331px;
margin-right: 0px;
height: 1px;
}
.a615{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 330px;
margin-right: 0px;
height: 1px;
}
.a616{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 329px;
margin-right: 0px;
height: 1px;
}
.a617{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 328px;
margin-right: 0px;
height: 1px;
}
.a618{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 327px;
margin-right: 0px;
height: 1px;
}
.a619{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 326px;
margin-right: 0px;
height: 1px;
}
.a620{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin-left: 325px;
margin-right: 0px;
height: 1px;
}
.a621{
border-left: 325px solid #000000;
border-right: 1px solid #000000;
margin-left: 0 px;
margin-right: 0px;
height: 1px;
}
.a7{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
margin: 0px 0px;
height: 1px;
padding: 2px;
height: 500px;
}
.a8{
background: #000000;
height: 1px;
}
/* slut div villa main */
/* div menu */
#menu{
border: solid 0px #000000;
position: relative;
width: 335px;
left: 350px;
top: -23px;
}
/* SLUT DIVS */
/* TEKST */
.style1 { /*alm. tekst på siderne */
font-family: Arial;
font-size: 12px;
color: #000000;
}
.style2 { /* menu teksten */
font-family: Arial;
font-size: 12px;
color: #000000;
font-weight: bold;
}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Villaholdet</title>
<link rel="stylesheet" type="text/css" href="villastyle2.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="villastyle.css" />
<![endif]-->
</head>
<body>
<br>
<div id="villamain">
<div id="a1"></div>
<div id="a2"></div>
<div id="a3"></div>
<div id="a4"></div>
<div id="a5"></div>
<div id="a6"></div>
<div id="a61"></div>
<div id="a62"></div>
<div id="a63"></div>
<div id="a64"></div>
<div id="a65"></div>
<div id="a66"></div>
<div id="a67"></div>
<div id="a68"></div>
<div id="a69"></div>
<div id="a610"></div>
<div id="a611"></div>
<div id="a612"></div>
<div id="a613"></div>
<div id="a614"></div>
<div id="a615"></div>
<div id="a616"></div>
<div id="a617"></div>
<div id="a618"></div>
<div id="a619"></div>
<div id="a620"></div>
<div id="a621"></div>
<div id="a7">
<div id="menu"><span class="style2">HOME | HOLDET | KAMPE | REGNSKAB | KONTAKT | GALLERI</span></div>
</div>
<div id="a8"></div>
</div>
</body>
</html>
