How to set a spry menu to 100% of screen size

hi all,

 

how spry menu fit container size? have container set this:

 

}

.container {

          width: 80%;

          max-width: 1260px;

          min-width: 780px;

          background: #ffe9f0;

          margin: 0 auto;

}

 

and want spry menu act border between header , container, ive tried setting various parts 80% in container none seem change menu?

 

many thanks

 

 

 

nick

you find several difficulties trying set menu way, none of them dreadful, luckily!

 

first off, set div spry menu. make sure wraps around entire ul.menubar etc. unordered list. not assign class menubar itself.

 

then set class menu div .container class have set up, <div class="container">. give same outside dimensions principal container.

 

if have border around principal container, give menubar container div same border width.

 

this should make spry menu "as border between header , container" same width container.

 

what want menubar like? is, presently menu items set size (i think come in @ 8.2em), , if want them stretch width of menubar container, need use percentages main menu items' widths.

 

ask if want details on how that, or let me know aiming for.

 

beth

More discussions in Dreamweaver support forum

adobe