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 2 of 2
  1. #1
    Regular Coder
    Join Date
    Nov 2006
    Posts
    246
    Thanks
    13
    Thanked 26 Times in 24 Posts

    Column Issues in Firefox

    Alright, I've created a standard, simple 2 column page:
    Code:
    <style type="text/css">
    #header { display:block; float:left; width:700px; }
    #main { display:table; float:left; width:700px; }
    #leftcol { display:inline; float:left; width:200px; }
    #rightcol { display:inline; float:left; width:500px; }
    #footer { display:block; float:left; width:700px; }
    </style>
    
    <div id="header"></div>
    <div id="main">
        <div id="leftcol"></div>
        <div id="rightcol"></div>
    </div>
    <div id="footer"></div>
    Pretty easy, and it works. The problem is in Firefox, SOMETIMES the right column (#rightcol) gets forced down below the left column. The weird thing is, all you have to do is refresh the page and it fixes without changing anything. I've seen things like this happen on other sites too. Any ideas how to stop this?

  • #2
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Got a link?? Take out the display elements as you shouldn't really need those and you should define heights with relation to using widths
    Last edited by ahallicks; 12-06-2006 at 11:38 AM.


  •  

    Posting Permissions

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