Forum Moderators: not2easy

Message Too Old, No Replies

CSS Menus Resize Skrinks

CSS menus shrink

         

coolist

9:58 pm on Apr 16, 2009 (gmt 0)

10+ Year Member



Hi,

I have a CSS menu that goes in the middle of the page but when you shrink (minimize) the browser they all drop down to different rows. How can I make it so when they shrink (minimize) the browser they dont shrink my CSS menu into different row?

Thanks

simonuk

7:44 am on Apr 17, 2009 (gmt 0)

10+ Year Member



We would need to see the code behind it to find out what the problem is.

rocknbil

2:33 pm on Apr 17, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



How can I make it so when they shrink (minimize) the browser they dont shrink my CSS menu into different row?

Most often this is because the total width of your internal elements exceeds the width of your container. Try setting the min-width property on the container (although this doesn't work in IE6; you need to do some special tricks or just set a fixed width on the container . . ugh.)

<div id="main">
.... internal elements
</div>
....
#main { width: 95%; min-width: 800px; max-width: 1024px; }