Eénkoloms lay-out met (vaste) footer en (in bredere vensters) zijvleugels

2016-12-30

Middenkolom

In een kleiner browservenster verdwijnt de linkerkant van de afbeelding hiernaast.

In een kleiner browservenster verdwijnt de rechterkant van de afbeelding hiernaast.

Deze kolom staat altijd tegen de bovenkant van het browservenster. Bij voldoende inhoud kan de pagina worden gescrold.

In vensters minimaal 810 px breed én minimaal 600 px hoog staat deze kolom horizontaal gecentreerd en staan er links en rechts van de kolom afbeeldingen. In kleinere vensters vult de kolom de volle breedte van het venster.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris lacinia. Suspendisse potenti. Suspendisse purus. Ut turpis diam, vestibulum sed, bibendum sed, dapibus at, est. Nam aliquam iaculis felis. Maecenas auctor nisl eget leo. Etiam auctor laoreet nibh. Pellentesque non sapien. Mauris quis massa. Etiam libero risus, elementum et, ornare sed, tincidunt non, eros. Quisque eget elit. Mauris mauris. In felis purus, tempus ut, pulvinar ut, ultrices eget, dui. Etiam consequat accumsan augue. Sed purus velit, tempor eu, placerat vel, malesuada quis, tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi consectetuer est sed urna. Aenean diam metus, tincidunt sed, placerat et, viverra vitae, tortor. Nullam gravida ultricies nisi. Nam aliquet.

Curabitur placerat magna in risus. Donec eget purus. Mauris at urna. Nam ultricies consequat urna. Etiam cursus velit. Phasellus sem turpis, feugiat lacinia, scelerisque tempor, mollis non, ligula. Mauris risus odio, mollis eu, rutrum in, nonummy eget, purus. Fusce accumsan. Etiam faucibus velit et sapien. Curabitur ullamcorper eleifend tellus. Sed scelerisque mi.

Etiam eget eros vitae dui ornare fermentum. Aliquam risus metus, egestas a, volutpat ac, commodo vel, elit. Vivamus pede dui, posuere sed, luctus vel, tincidunt nec, tortor. Donec ligula justo, vulputate eu, tincidunt ut, semper vel, neque. Maecenas aliquam suscipit ipsum. In hac habitasse platea dictumst. Fusce odio ante, vulputate ut, elementum nec, bibendum ut, elit. Quisque bibendum dolor. Morbi sagittis. Maecenas eget nisl nec neque ornare placerat. Nullam consequat magna ac dui tincidunt porta. In molestie vestibulum sapien. Nullam imperdiet ultrices sem. In pretium, eros quis mollis bibendum, odio leo imperdiet tortor, sed sollicitudin velit sapien nec nunc. Quisque nunc sem, faucibus sit amet, luctus id, interdum et, quam. Proin eget tellus. Cras nunc. Duis iaculis.