From: "Phil Wilson" <[EMAIL PROTECTED]> To: <css-d@lists.css-discuss.org> Sent: Thursday, December 01, 2005 6:08 AM Subject: [css-d] Horizontal lists in IE and Firefox
> Hi all, > > I have an unordered list with four elements. I'd like to align them > horizontally, with each list-item taking up 25% of the screen (or > their container). > > I would have thought this was quite simple, and produced > http://philwilson.org/code/tests/horizontallist.html which renders > fine in Firefox and Opera, but in IE the last list-item wraps to the > next line. > > Can someone tell me either where my code is wrong, or which IE bug > I'm > suffering from? I'm sure I've done this before, so there must be a > workaround. Hi Phil, There is a rounding bug in IE that causes the problem you see. The following page contains a workaround for a horizontal list comprising one of our menu systems, but feel free to use the solution we employ via a CSS expression. If you have 4 links, then change this part of the expression: ".offsetWidth/5" to this ".offsetWidth/4". http://www.projectseven.com/products/menusystems/pmm/testing/autowidth/index.htm Al Sparber PVII http://www.projectseven.com "Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday". ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/