0

I did post this earlier in another thread but don't think I explained it very well. I am using floating divs etc but it is not these causing the problem. The problem I have is in IE7 the first line of an unordered list is moving the text about 6 characters across when it is set to inline. I need it set this way for the formatting. I have included a stripped down version of the code with all other formatting removed so you can try it in IE and see what i mean, it is fine in firefox etc. Many thanks in advance....Steve

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.features ul {
    display: inline;
</style>
</head>
<body>
    <div class="features">
      <h3>Problem Below</h3>
      <ul>
        <li>this is displaced in IE7</li>
        <li>this is ok</li>
        <li>this is ok</li>
        <li>this is ok</li>
      </ul>
     </div>  
</body>
</html>

Edited by Dani: Formatting fixed

2
Contributors
1
Reply
2
Views
9 Years
Discussion Span
Last Post by MidiMagic
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.