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

5+ Year Member



 
Msg#: 3211858 posted 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

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3211858 posted 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

5+ Year Member



 
Msg#: 3211858 posted 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