Need help with browser resizing issue

Discussion in 'HTML & Website Design' started by coolspot, Dec 5, 2010.

0
  1. #1
    i have created / installed a new drop-down menu. i would like the menu to stretch 100% of the header / page, but, when i resize my browser i dont want the menu to resize along with the page. i want it to stay static and not resize as it is messing up the menu.

    if you have a look at http://www.bmwgallery.co.uk/ and resize your browser around abit you will know what i mean. please i hope somebody has a simple fix. many thanks
     
    coolspot, Dec 5, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    the easy wasy => Fixed the menu width
    
.menu {
width: XXXpx; <-- specify a fixed width 
}
    Code (markup):
    As you've a background associated with .menu 
    
background: url("bmw-images/button1a.gif") repeat-x scroll 0 0 #FFFFFF;
    Code (markup):
    Take that out and assigned that with the div which acts like container for the ul (.menu)

    
<div class="menu-conatiner">
<ul class="menu">
--
--
--
--
--
</ul>
</div>

and the css will be

.menu-container{
background: url("bmw-images/button1a.gif") repeat-x scroll 0 0 #FFFFFF;
}
    Code (markup):
     
    radiant_luv, Dec 6, 2010 IP