On Apr 24, 2007, at 9:43 PM, Saravanan Sivanathan wrote:
> i am facing some issues on unordered lists when i use the following
> css
>
> body { font-family:Arial, Helvetica, sans-serif; font-size:12px;
> width:200px;}
> ul li {display:inline-block; margin-bottom:5px;}
>
> these styles when applied on <body> <li>
>
> in IE the lists are getting aligned bottom
> in Opera the lists are disappearing
> in Firefox it is working fine
>
> i am much concerned about IE issue.
>
> I know that IE wont support *display:inline-block* and knocking off
> *width*from
> *body* or *display* from *li* will rectify the issue. But i am in
> such a
> situation that i cant knock off any of these.
Do you mean the 'list-marker' ? (bullet or square in front of each
'list-item')
If yes, then
For Opera: the expected behaviour. You change the default display
value ('list-item') to 'inline-block'. The list-marker is not
generated anymore. Safari and Konqueror will do the same.
For Firefox: that browser doesn't support 'inline-block', ignores the
whole rule.
For IE Win: 'inline-block' is a 'hasLayout' trigger [1] and causes
such side-effects. IE doesn't support 'inline-block' on anything but
inline elements, but nevertheless it reacts to that rule.
'Width' is another 'hasLayout' trigger, and can cause such side-
effects even when applied to the direct parent of the <li>.
I don't know what your are trying to achieve. Posting a sample url to
the list might help more.
[1] <http://www.satzansatz.de/cssd/onhavinglayout.html>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
