Floating does not work in IE6? [Archive]

Emsan

01-02-2008, 08:00 PM

I have a little problem with my site http://www.greysanatomy.se/
It works fine in FF and in IE7 but in IE6 it looks very strange. The left div is placed under the right div and I have no idea how to fix it. A lot of my visitors use IE6 so I really need to fix this. Please help!

This is how it looks in IE6:
http://img.photobucket.com/albums/v343/Emsan/blandat/th_screenstrange.jpg (http://img.photobucket.com/albums/v343/Emsan/blandat/screenstrange.jpg)

This is my code:
<!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>Grey's Anatomy Sweden - din Svenska källa till tv-serien Grey's Anatomy</title>
<LINK REL=stylesheet HREF="style.css" TYPE="text/css">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="http://susnet.se/susnetstat.js">
</script>
<script type="text/javascript">
susnet_counter_id = 24109;
susnet_security_code = '2f168';
susnet_node=0;
register();
</script>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<style type="text/css" media="screen">
.infosidan {
width: 560px;
}
</style>
</head>

<body>

<div id="laybild"></div>



<div id="box">


<div id="menyn">
<h1 class="title">NAVIGATION</h1>
<h2 class="title2">MENYN</h2>
- <a href="serien.php">Serien</a><br>
- <a href="cast.php">Cast</a><br>
- <a href="avsnitten.php">Avsnitten</a><br>
- <a href="media.php">Media</a><br>
- <a href="interaktivt.php">Interaktivt</a><br>
- <a href="internet.php">Internet</a><br>
- <a href="sidan.php">Sidan</a><br>
- <a href="index.php">Hem</a><br>
<br>
<h1 class="title">NÄSTA AVSNITT - SLUT!</h1>
<h2 class="title2">SLUT FÖR SÄSONGEN</h2>
Grey's Anatomy är slut för säsongen. Jag vet inte riktigt när kanal 5 börjar visa säsong 4 men jag återkommer när jag vet.<br><br>
<h1 class="title"><b>NYHETSBREVET</b></h1>
<h1 class="title2">FÅ DET SENASTE</h1>
Fyll i formuläret nedan och du kommer få ett nyhetsbrev med allt nytt på sidan och om Grey's Anatomy. Det är gratis och lätt att säga ifrån sig.<br>
<br>
<FORM action='http://form.fastcontact.com/fc/form.html' method=post>
<INPUT type=hidden name='a' value='3965398017'>
<INPUT type=hidden name='f' value='13'>
<INPUT type=hidden name='op' value='proc'>
<INPUT type=hidden name='referer' value=''>
E-mail:<br>
<input type="text" name="email"> <input type="submit" name="Skicka" value="Skicka!">
<script language="JavaScript" type="text/javascript">document.write('<input type=hidden name=jcd value="' + ( ( document.charset == null ) ? document.characterSet : document.charset) + '">');</script>
<noscript><input type=hidden name=ics value="UTF-8"></noscript>

</FORM><br>
Nyhetsbrevet kommer att komma ut ungefär en gång i veckan och kommer att skickas med en PDF fil. Det kommer att innehålla allt nytt som hänt på sidan och inom Grey's Anatomy. Jag kommer att inkludera alla nyheter sedan nyhetsbrevet innan.<br><br>
<h1 class="title">STATISTIK</h1>
<h2 class="title2">ALLT OM SIDAN</h2>
<b>Ägare:</b> Emma<br>
<b>Medverkande:</b> Lillie<br>
<b>Öppnad:</b> 2 januari 2007<br>
<b>Familj:</b> <a href="http://www.thecharmedanor.com" target="_blank">The Charmed Manor</a>, <a href="http://angels.fan-sites.org/art/" target="_blank">
Worthless Art</a>, <a href="http://angels.fan-sites.org/" target="_blank">Angels
of Charlie</a>, <a href="http://s15.invisionfree.com/the_tv_house/index.php?act=idx" target="_blank">
Tv-huset</a><br>
<b>En del av:</b> <a href="http://www.tv-land.se" target="_blank">Tv-land</a><br>
<b>Version:</b> 4.1<br>
<b>Besökare:</b> 
<script type="text/javascript" src="http://susnet.se/susnetstat.js">
</script>
<script type="text/javascript">
susnet_counter_id = 24109;
susnet_security_code = '2f168';
susnet_node=0;
getTotalUniqueVisitors();
</script><br>
<b>Besökare online:</b>  
<script type="text/javascript" src="http://susnet.se/susnetstat.js">
</script>
<script type="text/javascript">
susnet_counter_id = 24109;
susnet_security_code = '2f168';
susnet_node=0;
getOnlineVisitors();
</script>
<br><br>
<h1 class="title">AFFILIATES</h1>
<h2 class="title2">VÅRA VÄNNER PÅ NÄTET</h2>
- <a href="http://greysanatomy.herewithme.org/" target="_blank">Grey's Anatomy Paradise</a><br>
- <a href="http://exhibitionists.fan-sites.org/" target="_blank">Exhibitionists online</a><br>
- <a href="http://www.grey-anatomy.net/" target="_blank">Grey's Anatomy Online</a><br>
- <a href="http://www.greys-anatomy.nl/" target="_blank">Grey's Anatomy[dot]nl</a><br>
- <a href="http://photosunlimited.futuremystery.com/" target="_blank">Photos Unlimited</a><br>
<br>
<a href="affiliates.php">Fler?</a> | <a href="bliaffiliate.php">Bli en affiliate</a><br><br>
<h1 class="title">LÄNKA OSS</h1>
<h1 class="title2">LÄNKA DEN HÄR SIDAN</h1>
<img border="0" src="knapp2_karen.gif" width="100" height="35" alt="lanka hit">
<a href="lankahit.php">Mer?</a><br><br>
<h1 class="title">EXTRA</h1>
<h2 class="title2">SMÅTT OCH GOTT</h2>
<a href="http://jigsaw.w3.org/css-validator/" target="_blank">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" border="0">
</a> <a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Transitional" height="31" width="88" border="0"></a> <div id="eXTReMe"><a href="http://extremetracking.com/open?login=emsan">
<img src="http://t1.extreme-dm.com/i.gif" style="border: 0;"
height="38" width="41" id="EXim" alt="eXTReMe Tracker" /></a>
<script type="text/javascript">
</script><noscript><div id="neXTReMe"><img height="1" width="1" alt=""
src="http://e2.extreme-dm.com/s11.g?login=emsan&j=n&jv=n" />
</div></noscript></div>
<br><br>
</div>



<div id="infosidan">

<h1 class="title"><b>VÄLKOMMEN TILL GREY'S ANATOMY SWEDEN!</b></h1>
<h2 class="title2">DIN SVENSKA KÄLLA TILL GREY'S ANATOMY</h2>
Välkommen till Grey's Anatomy Sweden som är Sveriges egna källa till tv-serien Grey's Anatomy. Här kan du hitta allt som du behöver veta plus mycket mer. Än så länge är det den enda Svenska källan till Grey's men jag hoppas att det kommer någon mer som kan konkurera snart. Internet behöver fler sidor om denna underbara tv-serie!
<center>
<img src="bilder/nyheter_upp.png" border="0" width="408" height="61" alt="uppdateringar"></center>
<?PHP
$number=5;
include("cutenews/show_news.php");
?><br />
<br />


</div>


<div id="footer"><br />
<b>2007 Emma</b> - Jag har ingen som helst kontakt med skådespelarna eller någon av de som är inblandade i serien. Jag är bara ett stort fan som älskar att göra hemsidor. Om inget annat anges så är det copyright 2007 Emma.
</div>

</div>

</body>
</html>

This is my CSS:
/* själva sidan */
a:link { color:#b4d4f3; text-decoration: none;}
a:visited { color:#b4d4f3; text-decoration: none;}
a:active { color:#b4d4f3; text-decoration: none;}
a:hover { color:#8ebce8; text-decoration: none;}

* {
padding: 0;
margin: 0;
}

body {
background: #faf5f2 url(bilder/background_2.jpg);
font-family:Verdana;
font-size:10px;
color: #ffffff;
}
#box {
background: #faf5f2 url(bilder/bgcontent_2.jpg) repeat-y;
margin-right:auto;
margin-left:auto;
width:800px;
text-align:left;
}
#laybild {
background: #faf5f2 url(bilder/header_2.jpg);
margin-right:auto;
margin-left:auto;
width:800px;
height:300px;
}
#logon {
background: #faf5f2 url(bilder/logo.jpg) no-repeat;
width:720px;
height:74px;
margin-right:auto;
margin-left:auto;
}
#menyn {
float:right;
position:relative;
width:215px;
text-align:left;
margin-left:5px;
margin-right:5px;
}
#infosidan {
float:left;
position:relative;
width:565px;
margin-left:5px;
margin-right:5px;
}
#footer {
background: url(bilder/footer_2.jpg);
width:800px;
height:53px;
font-family: verdana;
color: #ffffff;
clear: both;
text-align:center;
}
/* stil på olika saker */
input {
border:1px solid #7b7b7b;
background-color: #525252;
font-family: tahoma, helvetica, serif;
font-size: 11px;
color: #ffffff;
}
textarea {
font-family: tahoma, helvetica, serif;
font-size: 11px;
background-color: #525252;
border:1px solid #7b7b7b;
color: #ffffff;
}
.title {
font-size: 13px;
font-family:verdana;
font-weight:bold;
text-align:left;
background-color: #424242;
text-transform : uppercase;
border-top: dotted #ffffff;
border-width:1px;
padding:2px;
padding-top:5px;
}
.title2 {
font-size:10px;
background-color: #424242;
font-family:helvetica;
border-bottom: dotted #ffffff;
border-width:1px;
text-align:left;
font-weight:normal;
text-transform : uppercase;
color:#8ebce8;
padding-bottom:5px;
}
.content {
background-color:#d8d8d8;
font-size: 7.5pt;
font-family:verdana;
border:none;
text-align:left;
text-transform:none;
padding:2px;
}

I really need help on this one.