SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Addict Racer_X's Avatar
    Join Date
    Dec 2006
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem With Floats and IE6

    FF seems to be showing this correctly, where both "Crate Accessories" and "Exercise Pens" are on the 2nd line. But IE wants to put "Exercise Pens" on the 1st line, seemingly ignoring the "float" command where it should be on the 2nd line to the right of Crate Accessories. Why is IE6 doing this and will it react the same in IE7?

    CSS Code:

    Code:
    #category li {
    font-family:Arial, Helvetica, sans-serif;
    width:130px;
    line-height:1.4em;
    text-align:center;
    list-style-type:none;
    float:left;
    padding:20px 20px 10px 10px;
    margin-right:10px;
    }


    HTML

    Code:
    <div id="category" style="clear:left; margin-left:-20px;">
    <ul>
     <li><img src="/Dog-Crates/Wire-Crates_80px.jpg" alt="Wire Dog Crates" width="104" height="80"><br><strong>Wire Crates </strong></li>
      
     <li><img src="/Dog-Crates/Soft-Crates_80px.jpg" alt="Soft Dog Crates" width="97" height="80"><br>
       <strong>Soft Crates </strong></li>
     
      <li><img src="/Dog-Crates/Wicker-Crates_80px.jpg" alt="Wicker Dog Crates" width="100" height="80" style="border: solid #b5b5b5 1px;"><br>
       <strong>Wicker Crates </strong></li>
       
     
      <li style="clear:left;"><img src="/Dog-Crates/Dog-Crate-Accessories_80px.jpg" alt="Crate Accessories" width="70" height="80"><br><strong>Crate Accessories</strong></li> 
    
      <li><img src="/Dog-Crates/Exercise-Pens_80px.jpg" alt="Exercise Pens" width="94" height="80"><br><strong>Exercise Pens</strong></li>
    </ul>
    </div>

  2. #2
    Sesame Street Iimitk's Avatar
    Join Date
    Feb 2006
    Posts
    662
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's better to post full HTML & CSS code or otherwise link directly to the page in question.
    Imagination is more important than knowledge. - Einstein


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •