...

View Full Version : Quick question (hopefully)



Ellabounty
07-08-2011, 06:41 PM
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!

teedoff
07-08-2011, 07:05 PM
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.

Ellabounty
07-08-2011, 07:23 PM
Ahhh yes that did the trick! Thank you so much, Teed. I really appreciate it!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum