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 6 of 6
  1. #1
    Regular Coder GSimpson's Avatar
    Join Date
    Aug 2006
    Location
    New Zealand
    Posts
    268
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Question Firefox Isnt "Faux Columning"

    http://phjewellery.freehostia.com/shop.php

    On this page here, its a basic wrap div that centered in the middle and it has two columns that float in it, i have been building it on firefox, and it wasnt working but IE7 will do exactly what i want it to do.

    Is theyre any reason the wrap isnt expanding with the floating columns?
    The internet is my Sandbox, and notepad is my Spade n' Bucket.

  • #2
    Senior Coder BarrMan's Avatar
    Join Date
    Feb 2005
    Location
    Israel.
    Posts
    1,644
    Thanks
    69
    Thanked 83 Times in 82 Posts
    Firefox doesn't like "-" in the names and ids of tags. You can use "_" instead.
    Replace navigation-block-footer to navigation_block_footer.

  • #3
    Regular Coder
    Join Date
    Sep 2007
    Location
    Raleigh, NC
    Posts
    273
    Thanks
    7
    Thanked 59 Times in 52 Posts
    Quote Originally Posted by BarrMan View Post
    Firefox doesn't like "-" in the names and ids of tags. You can use "_" instead.
    Replace navigation-block-footer to navigation_block_footer.
    I've never known this to be true. I use hyphens in id selectors all the time and have never had a problem.

  • #4
    Regular Coder GSimpson's Avatar
    Join Date
    Aug 2006
    Location
    New Zealand
    Posts
    268
    Thanks
    9
    Thanked 0 Times in 0 Posts
    yeah, i use em all the time too. Well i went through and changed em anyway and its still aint working.
    The internet is my Sandbox, and notepad is my Spade n' Bucket.

  • #5
    Regular Coder
    Join Date
    Sep 2007
    Location
    Raleigh, NC
    Posts
    273
    Thanks
    7
    Thanked 59 Times in 52 Posts
    Oh sorry I forgot to answer your question. :P It's not "faux-columning" because the thing that's clearing the floats (the bottom cap) is actually outside of "#content." You need to put an element that clears the two floats inside of #content such as:

    Code:
    #content 
       #left_col
       #right_col
       <div style="clear: both"><!-- --></div>
    #bottom_cap
    Otherwise the height of #content isn't getting calculated and you don't get the white background extending to the bottom.

  • Users who have thanked vtjustinb for this post:

    GSimpson (11-02-2007)

  • #6
    Regular Coder GSimpson's Avatar
    Join Date
    Aug 2006
    Location
    New Zealand
    Posts
    268
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Thumbs up

    OH I SEE NOW!

    Thanks sooo much, i had looked everywhere and tried to see why other peoples was working and mine wasnt. =/

    Thank soooo much! big ups!
    The internet is my Sandbox, and notepad is my Spade n' Bucket.


  •  

    Posting Permissions

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