Artikel zu scrolling (eng)

[Gunnar Bittersmann]

@@molily:

nuqneH

»» liegt anscheinend am vertical-align:top, welches Opera durcheinanderbringt

Treffer!

»» Solange die Höhe aller Inline-Blocks ohnehin fest ist, ist die Angabe aber m.W. auch unnötig.

'vertical-align: top' hatte ich eingebaut, weil Webkits sonst Mist machen. In den List-Items sitzen nach gefloatete Bilder. Den Bespielcode hatte ich soweit vereinfacht, dass das _Opera_-Problem noch zu erkennen ist. Eigentlich sieht es so aus:

            <li>  
                <img src="foo" alt="bar"/>  
                <p>Lorem ipsum dolor sit amet.</p>  
            </li>  

mit

.horizontalList img  
{  
    float: left;  
    margin: 0 3px 3px 0;  
}

Webkits stellten ohne 'vertical-align: top' die 'li'-Boxen als Treppe dar ...

Workaround für Opera bei unterschiedlich hohen Boxen wäre vertical-align:text-top

... aber damit geben sich Webkits auch zufrieden, ohne Opera durcheinander zu bringen.

molily, du bist ein Held! :-)

Qapla'