Member Avatar for steve136

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 because: Formatting fixed
  • 2 Contributors
  • 1 Reply
  • 68 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by MidiMagic
Member Avatar for MidiMagic

You didn't close your curly bracket in the style.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.