Forum Moderators: not2easy

Message Too Old, No Replies

Stretchy Nav with Side Fillers

Using fillers with nav menus but only for large resolutions

         

WebmistressM

8:10 pm on Jan 28, 2008 (gmt 0)

10+ Year Member



Hello

I have a horizontal navigation bar. I created the bar to fit exactly in 800x600 viewing. I dont want the actual menu items to stretch in larger resolutions, so I created a "filler" image on both the right and left side of the menu items. In 800x600, the fillers would obviously not be needed but in the larger views, the filler would be necessary to keep my nav bar consistent with the 90% width of the rest of the page's contents (title, content, right side advert area, footer)

Any ideas?

Xapti

4:42 am on Jan 29, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



For starters, center it horizontally by using margin:0 auto for standard browsers, as well as text-align:center on the parent element for Internet Explorer.
Second step would be to add a background image that is quite large (whatever size you have), and to set it's background position to center. The background image will be placed on a container div, which simply wraps around your centered bar.