WordPress.org

1. cmccarra
   Member
   Posted 2 years ago #
   

   Hello,
   IE8 seems to adding an extra space at the start of some of my list items putting them out of line with the rest. I've tried a lot of hacks or css fixes but none have worked so far.

   Heres the link: http://tearmann.net/your-options/legal-options/ in the second ul. Any help appreciated!

   Thanks

2. cmccarra
   Member
   Posted 2 years ago #
   

   Any ideas? I think this got buried pretty quick...

3. alchymyth
   The Sweeper & Moderator
   Posted 2 years ago #
   

   there seems to be a stray character in the code;

   here the html as the IE7 sees it:
   

   <ul>
   <li><strong>Child Custody Orders
</strong> </li>
   <li>
   <strong>Child Contact Orders</strong> </li>
   <li>
   
<strong>Maintenance Order</strong> </li>
   <li>
   
<strong>Legal Separation</strong> </li>
   </ul>

   (here just only visible as an extra space before the last two <strong> )

   maybe go into the html editor when editing your post/page, and try to change the entry to:
   

   <ul>
   <li><strong>Child Custody Orders
</strong></li>
   <li><strong>Child Contact Orders</strong></li>
   <li>
<strong>Maintenance Order</strong></li>
   <li>
<strong>Legal Separation</strong></li>
   </ul>

4. cmccarra
   Member
   Posted 2 years ago #
   

   Hi Alchymyth,
   Yeh that extra space was suggested (http://www.cssnewbie.com/fixing-ie6-whitespace-bug/ - The first comment) as a fix to the problem but i didn't work, forgot to remove it.

   Here's some of the suggestions I've tried that haven't worked:

   http://www.scriptygoddess.com/archives/2007/02/16/extra-space-padding-with-list-items-in-ie/

5. alchymyth
   The Sweeper & Moderator
   Posted 2 years ago #
   

   edit:
   forgot to take the spaces out (because firefox actually does not show this space):
   

   <ul>
   <li><strong>Child Custody Orders
</strong></li>
   <li><strong>Child Contact Orders</strong></li>
   <li><strong>Maintenance Order</strong></li>
   <li><strong>Legal Separation</strong></li>
   </ul>

   have you tried editing the page in html modus?

Topic Closed

This topic has been closed to new replies.