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 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2006
    Posts
    28
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Layout messed up in IE and Safari

    Does anyone have any idea why my layout gets messed up in IE and Safari? It works fine in Firefox.

    http://talesotaku.com/v2/layout.php

    I would greatly appreciated any help. Thank you!

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Basically, what you have is a 2-column layout using right floats with the left column being liquid. But in your document, the left column (which has a right margin) goes in before the right column.

    It is unsafe to rely on that columns then are displayed next to each other since the specifications allow user agents some degree of freedom exactly how to lay out floats. What we are seeing is not a bug in neither IE nor FF.

    There could be other issues, but most are resolved if you alter the sequence of floats to this (keeping your styles):
    Code:
    <div id="main-right">
    ...
    </div>
    <div id="main-left">
    ..
    </div>

  • #3
    New Coder
    Join Date
    Jul 2006
    Posts
    28
    Thanks
    1
    Thanked 0 Times in 0 Posts
    We are getting closer. Does Safari have a problem with displaying colors properly? Some of my colors on my layout are off. But they show up correctly in IE and FF.

    Also, in IE, my right nav extends to far down the page. Is there a way to fix this?

    Sorry for all the questions. I really appreciate the help!

    Edit:

    Here is a newer version..

    http://talesotaku.com/v2/layoutb.php
    Last edited by lsatblu; 12-20-2006 at 11:43 PM.


  •  

    Posting Permissions

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