Home/ Questions/Q 840975
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T05:42:56+00:00

I have following code which works fine in firefox and ie 8, but in

  • 0

I have following code which works fine in firefox and ie 8, but in IE 7 the second li is coming with some top space instead of same line.

    <LI style="PADDING-LEFT: 20px">
           Sort by: <SELECT id=ddSortOrder class='content-select'> 
    <OPTION selected value=0>Recommended
    </OPTION></SELECT> 
    </LI>
    <LI id=lipageAnchors><<&nbsp;|&nbsp;<&nbsp;|&nbsp;Previous&nbsp;|&nbsp;
    <A class=current title=1 >1</A>&nbsp;|&nbsp;
    <A title=2>2</A>&nbsp;|&nbsp;
<A title=3 >3</A>&nbsp;|&nbsp;
<A title=Next >Next</A>&nbsp;|&nbsp;>&nbsp;|&nbsp;>></LI>

The First <li> comes in left as expected but the second <li> should float to right, but it is to right with some extra space. I want both the <li> in same line (position), which works in firefox and IE 8 but in IE 7 is not.

Image link alt text http://www.imagechicken.com/viewpic.php?p=1275649526056730400&x=jpg
http://www.imagechicken.com/viewpic.php?p=1275649526056730400&x=jpg

Please help!

Thanks
Ashwani

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are a few html errors in your code.

    Replace your < with %lt; and your > with &gt;.
    Because <&nbsp> will render as a invalid html tag.

    And remember to wrap your html-tag attributes values within " (double quotes) like this:

    <li id="lipageAnchors"><!-- Content goes here --></li>

    And to answer your question about the float:right, put it on the <ul> tag. You might also set a width on it to be sure you get it to the right.

    I Hope this will be to any help.

    • 0