Inhalt

div id="main"

<< 3 Spalten CSS Artikel mit Beschreibung wie es funktioniert

Problem:

  • #header und #footer dürfen vom Inhalt auf keinen Fall höher werden, als es die Bilder rechts und links sind, ansonsten kommen zusätzliche Zeilen hinzu und der dahinter liegende Hintergrund scheint durch.

...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce vitae nunc. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus tellus. Aenean ornare dolor nec tortor. Integer pretium. Cras dapibus dolor in odio. Maecenas gravida libero et mauris. Nam nec dolor eu nibh iaculis tincidunt. In gravida erat non arcu. Aenean ac est eget dui ultricies elementum. Nullam erat. Aliquam est. Nullam arcu diam, suscipit et, sodales in, gravida ut, eros.

Integer tristique, turpis sit amet volutpat rhoncus, urna sem venenatis metus, ac consequat sapien magna at pede. Aenean suscipit, nulla nec pharetra commodo, sem neque blandit quam, vitae ultricies nisl sapien id nibh. In hac habitasse platea dictumst. Donec accumsan, tortor ultrices semper consequat, nibh nisl elementum magna, eu fermentum felis metus hendrerit nisi. Sed molestie lectus nec tellus. Sed ut ante. Ut venenatis pellentesque nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ac tellus. Sed eu nulla. Donec vestibulum ante id libero. In hac habitasse platea dictumst. Sed sed sapien. Duis mattis felis eget tellus.

Morbi ornare. Suspendisse nec ante quis sapien aliquet feugiat. Aliquam justo libero, semper quis, tempus ut, interdum ut, elit. Donec varius magna ut tellus. Fusce vitae neque. Donec in lacus. Aliquam ultricies dolor vitae nibh. Fusce consequat lectus nec ante. Nulla tempor, odio nec placerat hendrerit, felis orci auctor ipsum, eget tincidunt sapien arcu ut tortor. Vivamus luctus quam sed neque. Nam consequat. In placerat egestas ipsum. Sed et libero. Nullam egestas, nulla et mattis consectetuer, neque urna congue tortor, id tincidunt turpis leo non turpis. Nam rutrum erat vitae pede.

Maecenas tincidunt porttitor turpis. Sed convallis. Nam ut urna. Donec sed nulla elementum magna bibendum venenatis. Integer tempus, urna vitae semper dictum, felis enim euismod ligula, eget eleifend metus mi ut nibh. Vivamus vitae lacus. Etiam blandit hendrerit erat. Aenean varius sagittis erat. Sed bibendum accumsan arcu. Donec at neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam porta, tortor eget euismod commodo, erat arcu consectetuer tortor, nec egestas felis leo quis enim. Sed laoreet, mi lobortis adipiscing imperdiet, sapien ipsum pretium dui, nec vestibulum purus tellus malesuada sapien. Nulla facilisi. Donec eu purus.

Quisque ac felis. Donec vitae orci sit amet eros consectetuer ultricies. Quisque mi ipsum, imperdiet quis, viverra porta, volutpat ornare, nunc. Praesent suscipit justo id nunc fringilla condimentum. Fusce interdum lacinia est. Proin aliquet volutpat est. Nam ac mauris. Quisque vulputate, urna sed consequat fringilla, enim magna pretium eros, non dignissim mauris diam in massa. Maecenas eleifend, odio in vestibulum malesuada, augue eros ultricies odio, nec porttitor purus justo at nisi. Duis sodales. Pellentesque laoreet urna vitae tortor. Quisque et magna a arcu pharetra semper.