homepage Welcome to WebmasterWorld Guest from 54.227.41.242
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
milanmk




msg:3211860
 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.

<style>
#indexFeaturesL
{
float: left;
width: 50%;
padding-left: 30px;
}
#indexFeaturesL span, #indexFeaturesR span
{
display: list-item;
padding-bottom: 10px;
}
</style>

<p id="indexFeaturesL">
<span>1</span>
<span>2</span>
<span>3</span>
</p>
<p id="indexFeaturesR">
<span>4</span>
<span>5</span>
<span>6</span>
</p>

Any suggestions or corrections?

Milan

 

Hester




msg:3212063
 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!

milanmk




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

Thank you very much Hester, that was it.

Milan

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