...

View Full Version : Floating does not work in IE6?



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&#228;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" />
<!-- START Susnet REGISTRERINGSKOD -->
<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>
<!-- SLUT Susnet REGISTRERINGSKOD -->
<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>
<!--[if IE 6]><!-->
<style type="text/css" media="screen">
.infosidan {
width: 560px;
}
</style>
</head>

<body>
<!-- Bilden p&#229; Grey's Anatomy -->
<div id="laybild"></div>
<!-- Slut p&#229; bilden p&#229; Grey's Anatomy -->

<!-- Boxen som g&#229;r &#246;ver hela sidan -->
<div id="box">

<!-- Menyn b&#246;rjar h&#228;r -->
<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&#196;STA AVSNITT - SLUT!</h1>
<h2 class="title2">SLUT F&#214;R S&#196;SONGEN</h2>
Grey's Anatomy &#228;r slut f&#246;r s&#228;songen. Jag vet inte riktigt n&#228;r kanal 5 b&#246;rjar visa s&#228;song 4 men jag &#229;terkommer n&#228;r jag vet.<br><br>
<h1 class="title"><b>NYHETSBREVET</b></h1>
<h1 class="title2">F&#197; DET SENASTE</h1>
Fyll i formul&#228;ret nedan och du kommer f&#229; ett nyhetsbrev med allt nytt p&#229; sidan och om Grey's Anatomy. Det &#228;r gratis och l&#228;tt att s&#228;ga ifr&#229;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&#228;r en g&#229;ng i veckan och kommer att skickas med en PDF fil. Det kommer att inneh&#229;lla allt nytt som h&#228;nt p&#229; 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>&#196;gare:</b> Emma<br>
<b>Medverkande:</b> Lillie<br>
<b>&#214;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&#246;kare:</b> <!-- START Susnet KOD som skriver ut TOTALT ANTAL BES&#214;KARE -->
<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&#246;kare online:</b> <!-- SLUT Susnet KOD som skriver ut TOTALT ANTAL BES&#214;KARE --> <!-- START susnet KOD som skriver ut ANTAL BES&#214;KARE ONLINE -->
<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>
<!-- SLUT susnet KOD som skriver ut ANTAL BES&#214;KARE ONLINE --><br><br>
<h1 class="title">AFFILIATES</h1>
<h2 class="title2">V&#197;RA V&#196;NNER P&#197; N&#196;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&#196;NKA OSS</h1>
<h1 class="title2">L&#196;NKA DEN H&#196;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&#197;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"><!--
var EXlogin='emsan' // Login
var EXvsrv='s11' // VServer
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;
navigator.javaEnabled()==1?EXjv="y":EXjv="n";
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img src=http://e2.extreme-dm.com",
"/"+EXvsrv+".g?login="+EXlogin+"&amp;",
"jv="+EXjv+"&amp;j=y&amp;srw="+EXw+"&amp;srb="+EXb+"&amp;",
"l="+escape(EXd.referrer)+" height=1 width=1>");//-->
</script><noscript><div id="neXTReMe"><img height="1" width="1" alt=""
src="http://e2.extreme-dm.com/s11.g?login=emsan&amp;j=n&amp;jv=n" />
</div></noscript></div>
<br><br>
</div>
<!-- ^^ Menyn slutar h&#228;r -->

<!-- Den v&#228;nstra sidan -->
<div id="infosidan">

<h1 class="title"><b>V&#196;LKOMMEN TILL GREY'S ANATOMY SWEDEN!</b></h1>
<h2 class="title2">DIN SVENSKA K&#196;LLA TILL GREY'S ANATOMY</h2>
V&#228;lkommen till Grey's Anatomy Sweden som &#228;r Sveriges egna k&#228;lla till tv-serien Grey's Anatomy. H&#228;r kan du hitta allt som du beh&#246;ver veta plus mycket mer. &#196;n s&#229; l&#228;nge &#228;r det den enda Svenska k&#228;llan till Grey's men jag hoppas att det kommer n&#229;gon mer som kan konkurera snart. Internet beh&#246;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 />

<!-- Footern filen b&#246;rjar h&#228;r -->
</div>
<!-- ^^ Slut p&#229; v&#228;nstra sidan -->
<!-- B&#246;rjan p&#229; footern -->
<div id="footer"><br />
<b>2007 Emma</b> - Jag har ingen som helst kontakt med sk&#229;despelarna eller n&#229;gon av de som &#228;r inblandade i serien. Jag &#228;r bara ett stort fan som &#228;lskar att g&#246;ra hemsidor. Om inget annat anges s&#229; &#228;r det copyright 2007 Emma.
</div>
<!-- Slutet p&#229; footern -->
</div>
<!-- ^^ Slut p&#229; boxen som g&#229;r &#246;ver hela sidan -->
</body>
</html>


This is my CSS:

/* sj&#228;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&#229; 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.

Excavator
01-02-2008, 09:21 PM
Hello Emsan,
I don't see anything but your background in IE7.
FF shows a webpage with a couple problems: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.greysanatomy.se%2F

I'm not positive but it looks like your mixing XHTML with HTML. Example:
<LINK REL=stylesheet HREF="style.css" TYPE="text/css">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
You need to either close everything with the />, use small caps and change your DocType
OR
the HTML standard where you can close with > and use caps.


Depend on IE6 to cause problems :mad: Have a look at some bugs that may be causing your float drop. (http://www.positioniseverything.net/explorer.html)


Hope that helps.

Emsan
01-02-2008, 09:34 PM
Oh yeah I have fixed that problem in IE7 now. It was because I wrote position:relative; in the css.

Yeah I know I have some issues in the validator and I'm planning to fix them later. I don't know though which one of them I should use lol.

I'm a noob in this coding jungle so can you please tell me what bug I should look under? :)

Excavator
01-02-2008, 09:57 PM
Oh yeah I have fixed that problem in IE7 now. It was because I wrote position:relative; in the css.
Where did you have position:relative; to cause that???



Yeah I know I have some issues in the validator and I'm planning to fix them later. I don't know though which one of them I should use lol.

I like how XHTML 1.0 Strict requires it's code...strict. http://www.w3schools.com/xhtml/xhtml_html.asp



I'm a noob in this coding jungle so can you please tell me what bug I should look under? :)

Have a look at this one. (http://www.positioniseverything.net/explorer/doubled-margin.html)

Emsan
01-02-2008, 10:52 PM
Thank you sooo much! It works now. :D

Answer number 1: I added it in the two content boxes and then the whole thingy disappeared.

Answer number 2: Okay thank you, I will validate until I get no errors lol.

Answer number 3: IT WORKED! Thank you so much, again. You made my day.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum