W3C home > Mailing lists > Public > www-style@w3.org > July 2012

Re: Cross-platform multiple line inline element text height inconsistencies

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Mon, 2 Jul 2012 10:38:41 -0700
Message-ID: <CAAWBYDCyZTe-d-McY+UAEwP2HLyf630j+rVOJoN9g3Wt9APw5A@mail.gmail.com>
To: jab_creations@yahoo.com
Cc: www-style@w3.org
On Sun, Jul 1, 2012 at 7:31 PM, John A. Bilicki III
<jab_creations@yahoo.com> wrote:
> Hello,
>
> I have not been able to find any reference to the issue of cross-platform multiple line inline element text height, if this has been discussed I would appreciate being pointed in the correct direction please.
>
> A visitor to my site where I experiment with various web technologies pointed out that on Linux she was not able to see an anchor when registering. The font size varies between Windows and Linux (I use XP and generally test Linux using Kubuntu for KDE/Konqueror) and has created some considerable inconsistencies when rendered between platforms.
>
> The issue stems from list items where the li elements vary in height. Using all the related properties I could think of (line-height, height, overflow, font-family, font-size (and all unit types), etc) I was unsuccessful in finding a cross-platform way to have browsers render the same height for list items which span multiple lines.
>
> In example...
>
> <ul>
>  <li><span>A single line list-item.</span></li>
>  <li><span>A multiple-line list-item with a \r\n line-break due to ul parent width.</span></li>
> </ul>
>
> I have also considered the effects of differing DPI though due to my somewhat limited skill with Linux I was not able to determine the DPI however I have noticed font-size differences with pretty much every Linux distribution I have tested.
>
> One of my approaches was to set a static height to li elements however I am not aware of any property that can help maintain height on inline elements spanning multiple lines. I'm also not certain which CSS module(s) are most relevant to this issue though I am interested in further discussing this with the group and/or with the editors working on the relevant modules please.

Do you mean that you want all your items, whether they're single or
multi-line, to be the same height?  Or do you mean that you want your
multi-line list items to be a predictable height across browsers?

~TJ
Received on Monday, 2 July 2012 17:39:28 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:56 GMT