Auge: Elemente im <footer> untereinander statt übereinander

Beitrag lesen

Hallo

ich habe einen footer und darin html-Elemente. Leider werden diese Elemente nebeneinander dargestellt, statt wie gewünscht untereinander.

Wie bekomme ich diese Elemente vertikal angeordnet?

Indem du das float und clear weg lässt.

Hier Beispielcode:

<footer>
   <div style="width: 150px; height: 40px; background-color: yellow; float: left;"></div>
   <div style="clear: both; width: 150px; height: 40px; background-color: blueviolet;"></div>
</footer>

Ich habe es auch (vergeblich) ohne float und clear versucht.

Dann hast du noch etwas anderes, was du hier nicht zeigst, getan. Ohne float und clear sind Blockelemente wie deine divs einfach nur Blockelemente und werden, ihrer Natur entsprechend, untereinander dargestellt.

Tschö, Auge

--
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.
Toller Dampf voraus von Terry Pratchett