Home/ Questions/Q 6053993
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T08:06:09+00:00

I have this code: <body> <ul style=padding:0px;margin:0px;list-style-type:none> <li> <div> <img style=display:inline src=asdf_files/eng.gif>&nbsp; <img src=http://dl.dropbox.com/u/1663633/ita.gif>

  • 0

I have this code:

<body>

<ul style="padding:0px;margin:0px;list-style-type:none">
<li>
<div>
<img style="display:inline" src="asdf_files/eng.gif">&nbsp;
<img src="http://dl.dropbox.com/u/1663633/ita.gif">
<span style="float:right;width:80%;">
<a href="#">BLA BLA BLA BLA BLA</a>
</span>
</div>
</li>

</ul></body></html>

in firefox and chrome it’s fine (rows are aligned) in IE 7 and 8 (I guess in 6 too..) the BLA BLA lines are not aligned..

any idea? suggestions on how to fix this?

TRY IT HERE: http://jsfiddle.net/TGGFh/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s still irritatingly unclear.. why does nobody understand this? http://sscce.org/

    Do you have a doctype as the very first line? Without one, you’re in Quirks Mode, and you’ll have (what I think is your) described behaviour in all versions of IE.

    If you don’t have a doctype, add one as the very first line such as <!DOCTYPE html>. That will fix your problem in IE9 and IE8.

    Here’s your jsFiddle, and it already works fine in IE9/8: http://jsfiddle.net/TGGFh/
    That’s because jsFiddle adds a doctype – view the source of: http://fiddle.jshell.net/TGGFh/show/light/

    So, I think your actual problem is only in IE7.

    As far as fixing IE7 goes, the easiest fix is to (in the HTML) move your span with float: right to before your two images.

    See: http://jsfiddle.net/TGGFh/4/

    • 0