I've found adding dividers in the form of borders are more trouble than they are
worth in liquid horizontal lists. One solution is to put the dividers in as 1px
wide background images rather than left or right borders.
Jake
Quoting Hugh Todd <[EMAIL PROTECTED]>:
> Todd,
>
> If you turn the 'a's into block elements and float them left, adding no
> padding or border, you can give them widths of 20% and have them span
> the page.
>
> #nav ul li a
> {
> padding: .2em 0;
> display: block;
> float: left;
> width: 20%;
> }
>
> Of course, this means you lose your dividers. If you add them, you will
> have to reduce your "width" amount to something less than 20%. And,
> because min-width doesn't work in IE, your navigation bar will wrap
> when window size is reduced too far.
>
> -Hugh Todd
>
> > Ive gotta find some solution or ill have to revert back to table cells
> > :(
>
> ******************************************************
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> ******************************************************
>
>
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
