Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Floating does not work in IE6?

    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:


    This is my code:
    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:
    Code:
    /* 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.
    Last edited by Emsan; 01-02-2008 at 10:04 PM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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?verbos...sanatomy.se%2F

    I'm not positive but it looks like your mixing XHTML with HTML. Example:
    Code:
    <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 Have a look at some bugs that may be causing your float drop.


    Hope that helps.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    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?

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Quote Originally Posted by Emsan View Post
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Thank you sooo much! It works now.

    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •