2 column layout problem in firefox

Discussion in 'CSS' started by circuselectro, Jun 21, 2007.

  1. #1
    Hi, i am editing this website http://www.offshorebusinessresources.com, maybe the home page looks ok, but as one starts navigating trough the left menu some pages display incorrecty. The left content div is dropping below the navigation menu on the left, this only happens in firefox any advice?

    Thanks
    Thomas
     
    circuselectro, Jun 21, 2007 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    Make sure you add float: left; to your content. That may fix the problem. Otherwise your content area is too wide. You could try to descrease the width and see if it works. And one more thing, check for typos. Sometimes I set margins to 300px instead of 30 and so on. :)
     
    Katy, Jun 22, 2007 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    I'd also suggest breaking out a SSI/CGI like PHP, ASP or SHTML so you can share your base template and menu from one set of files... Not only does it reduce the code and make the page easier to maintain (since you can edit the menu from one file instead of every file), it also means that problems where one page works and another doesn't are usually avoided.

    I don't even want to think about what a headache adding or removing a menu item would be from that many pages.
     
    deathshadow, Jun 23, 2007 IP