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 4 of 4

Thread: I epic fail

  1. #1
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    I epic fail

    http://www.goattracktheatreco.com/in...tpage&Itemid=1

    So it works fine in IE and firefox, but im safari and chrome the navbar gets pushed to the top right! Ive tried putting everything in <div>'s and tried <br> <br /> <p> and no luck, tried margin-top, tried top, tried so many things and cant figure it out, my friend thinks maybe something with HTML 5?

    Thanks guys, so confused!

    Sam.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Either:

    Remove the float from #header table.header_logo. You might then need to change your vertical spacing a little.

    or:

    Add clear:left to #top_menu

  • Users who have thanked SB65 for this post:

    Sam Webster (11-06-2009)

  • #3
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thankyou! Removed float, and it works! Why does float not allow it to sit under?

    Thanks again!

    Sam.

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    The float property allows elements to sit side by side - which is what Chrome/Safari were doing here. There's no reason to use float on that element.


  •  

    Posting Permissions

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