If you want something that spans the *entire* width of the div, then 
once again things can get tricky, and you are probably going to need to 
float the list items. Display: inline will work if you are happy with a 
centered menu with padding on each of the items, as is the case with 
most of the listamatic demos.

I whipped this up, which is close (it uses a 19% width for each of the 5 
items so it doesn't fill the complete div). You'd think 5x20% would only 
be 100%, but *certain* browsers have rounding issues when dealing with 
floats:
http://www.cwc.co.nz/sandbox/list_demo.html

Tested in IE 5/6, Firefox 1.07, Opera 8. You can move the extra space to 
the left by simply floating the list items right. CSS is inline.
You could also make the width on the navcontainer 97% and add a 
padding-left:of 3% which will centre it (give or take a %age point).;

A centered floated menu IS possible, but it comes at a price, and it 
still wont fill 100% of the div (but this technique is handy and I've 
used it once already).
http://www.cssplay.co.uk/menus/centered.html

HTH
Mark


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Discover CFTicket - The leading ColdFusion Help Desk and Trouble 
Ticket application

http://www.houseoffusion.com/banners/view.cfm?bannerid=48

Message: http://www.houseoffusion.com/lists.cfm/link=i:4:223920
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to