Blaubart: IE: Abstände in Bilderliste

Beitrag lesen

SELF-Forum

IE: Abstände in Bilderliste

Blaubart
– Informationen zu den Bewertungsregeln

'Nabend.

Mich bringt seit ein paar Stunden der IE6 zum Verzweifeln. Im Gegensatz zu diversen Threads im Archiv ist das Problem hier nicht, daß zwischen den Listenpunkten ein Abstand bleibt, sondern daß jedes Bild mit einen Abstand zur Unterkante des umschließenden List Items versehen wird.

Markup:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
  
<head>  
 <title>Bilderliste</title>  
 <link rel="stylesheet" type="text/css" href="list.css" />  
</head>  
  
<body>  
    <ul id="thumbs">  
        <li><img src="foo.jpg" /></li>  
        <li><img src="bar.jpg" /></li>  
        <li><img src="baz.jpg" /></li>  
    </ul>  
</body>  
  
</html>

CSS:

  
ul#thumbs {  
    list-style-type: none;  
    width: 95px;  
}  
ul#thumbs li {  
    display: block;  
    margin: 5px 0px;  
    padding: 0px;  
    text-align: center;  
    line-height: 0px;  
    background: #eda;  
}  
ul#thumbs li img {  
    margin: 0px;  
    padding: 0px;  
}

Alle whitespaces zwischen den Listenbestandteilen zu entfernen, hat keine Änderungen mit sich gebracht. Daher habe ich den Code in der lesbar(er)en Form gepostet. Beim Firefox gab es anfangs das gleiche Problem, welches sich jedoch mit Angabe der line-height abstellen ließ. Nur für den IE hab ich noch immer keine Lösung gefunden. :-\

Kann jemand von euch helfen?

--
Once is a mistake, twice is jazz.
Beitrag melden
–
Informationen zu den Bewertungsregeln