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/

Reply via email to