Div moves below another div when window resized

css html window-resize
Darren Baker picture Darren Baker · Aug 31, 2012 · Viewed 10.7k times · Source

When I resize the browser window my navigation bar div drops below the search box div. How can I stop the nav bar moving and keep it in the same place? The footer behaves itself and its structured in the same way?

Here's a link...

http://www.signport.co.uk/test/asg_template3.html

Thanks!

Answer

Clyde Lobo picture Clyde Lobo · Aug 31, 2012

This happens because your menu does not have a width specified. Whereas you footer behaves because it has a width specified( div with id footerleft)

Related questions

Min width in window resizing

I have a webpage with a fluid layout with a 100% width. When I resize browser window the elements in the page overlap. I would create an effect similar to this website http://bologna.bakeca.it/ that when window is smaller …

Read More
How to add min-height and min-width to jQuery .width and .height

I have a single page site and am trying to set the min-height and width using CSS. But the jQuery seems to ignore my min sizes. I am resizing my window using this: $(window).resize(function () { resizePanel(); }); function resizePanel() { width = $(…

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More