On 1/26/07, Kim Kruse <[EMAIL PROTECTED]> wrote:
Hi,
I'm sorry I can't post a URL. (I'm not allowed)
I have this table...
|sidebar/200px|middle/fluid|sidebar/200px|
In that I have...
|empty td|horizontal list (nav)|empty td|
Like this...
|li/19,9%|li/19,9%|li/19,9%|li/19,9%|li/19,9%|
and I get this...
|li/19,9%|li/19,9%|li/19,9%|li/19,9%|li/19,9%|small *gap*.
2px I think|
The css for the list is here...
#navlist{padding:0 0 20px 0}
#navlist ul {width:100%}
#navlist
li{padding:0;margin:0;display:inline;list-style-type:none}
...
PS.: 20% on the li's brake the list in IE (last item wraps)???
Any ideas on how to get it to fill the entire available space in IE? (FF
can do 20% without breaking)
The problem will always be how IE rounds its calculations... if the
middle section is fluid and it happens to be 1001 px wide at one
point, IE won't do a very good job of picking 20% of that for each
item. You could try width 19,99% or 19,999% on each li and see if that
helps IE calculate the widths better, otherwise apply:
#navlist ul {text-align:center}
and even though there will be some gap space on both sides it will at
least be symmetrical.
--
--
Christian Montoya
christianmontoya.net .. designtocss.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
