Niels,
Try setting the contents of the li to float: left; display: block; width:
25%;
As in:
li {
display: inline;
list-style-type: none;
}
a {
float: left;
display: block;
width: 25%;
background: #CCCCCC;
text-align: center;
}
See demo here: http://www.jimdavis.org/test/elasticlist.html
JimOn Dec 19, 2007 7:23 AM, Niels Matthijs < [EMAIL PROTECTED]> wrote: > Hi, > > I've been having some problems with a list. > > I'm using a list as mark-up for my main navigation, the list has 4 items > and the 4 items have to be spread evenly across the total width of a > container (4x25%). I'm looking for a way to make this work in a > liquid/elastic layout. > > I've tried many things, sadly I haven't found a solution yet. I > documented the methods I have tried here: > http://www.onderhond.com/blog/work/spreading-list-items > > I also provided some test pages for each method with a little > explanation which browser fails where. Sadly, I haven't found a solid > way yet. Help would be greatly appreciated. > > Greets, > Niels Matthijs ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
