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 to the CF scene
    Join Date
    Nov 2011
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Firefox Problem with CSS Layout - Slides Right

    http://www.ronhall.org/rlm_dev/ron-lewis-family.html

    Chrome, IE, and Safari render fine, but Firefox slides all the main content to the right for some reason, the entire segment on all interior pages. Any thoughts on what's going wrong?

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,332
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I think your main issue is, you have two divs with the same class(container_12).

    I changed the second div to an id, container_12 and the element moves back into place...somewhat. You'll have so other tweaking to do to get it exactly how you want.

    You also have a script tag between the closing head and opening body tags, which is invalid.
    Teed

  • #3
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    I think this has to do with the way the 960gs works. I fixed it by doing the following changes:

    Code:
    <div class="container_12 clearfix">
    <div class="wrapper grid_12 clearfix">
    <div class="grid_12 alpha omega">
    I basically added the clearfix class to the outer two divs, and a grid_12 class to the wrapper, and "grid_12 alpha omega" classes to the next div.
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.


  •  

    Posting Permissions

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