homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

display: list-item; not showing properly
Works in IE and OP

 7:17 am on Jan 8, 2007 (gmt 0)

To make table less design I used the following code to display two boxes side by side and then used display: list-item instead of <li>. This works perfectly fine with IE and OP but FF lists all the bullets on the left side of the floating box.

float: left;
width: 50%;
padding-left: 30px;
#indexFeaturesL span, #indexFeaturesR span
display: list-item;
padding-bottom: 10px;

<p id="indexFeaturesL">
<p id="indexFeaturesR">

Any suggestions or corrections?




 1:46 pm on Jan 8, 2007 (gmt 0)

You haven't floated the second paragraph. Floating it makes the bullets appear on the right box too. However, you then have to make the width less than 50% to allow for the padding!


 2:20 am on Jan 9, 2007 (gmt 0)

Thank you very much Hester, that was it.


Global Options:
 top home search open messages active posts  

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved