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
    Jul 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Quick question (hopefully)

    Hi there,

    I have a quick question that will hopefully have an easy fix for this site:
    www.lauralabounty.com

    Is there a way to insert a line of code that would prevent the nav bar and logo on the left from covering up the main body content when the window is downsized? I'd rather the entire window shrink so that one would have to use the horizontal scroll bar to see the page, instead of the floating nav bar and logo float on top of the imagery and text in the middle when the window isn't large enough.

    Any help would be greatly appreciated!

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Try removing the float: right from your #body div. This should fix the "overlapping" issue, but you'll need to add some margins to space out the two elements again. When floating two elements side by side, you only need to float one element as long as there is enough room for the other element to slide up beside it.

    Also, if you have elements underneath floated elements, you'll need to clear those floats in some manner to restore normal document flow.
    Last edited by teedoff; 07-08-2011 at 07:52 PM.
    Teed

  • #3
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ahhh yes that did the trick! Thank you so much, Teed. I really appreciate it!


  •  

    Posting Permissions

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