Header Multi Columns and Rows

Fixed width multiple columns & rows with a header, top navigation bar and footer. The layout will scale to fit any screen width, but has a maximum width of 1200px set to make the content easier to read on large monitors.

Return to layouts list...

Aenean luctus nisl aliquet est pretium consequat. Donec elementum aliquam libero, in faucibus ligula pellentesque sed. Nam justo lectus, feugiat eget condimentum eget, placerat vitae mauris. Proin aliquam euismod mi, id tempor nulla porta nec. Suspendisse consectetur blandit eros, ac iaculis enim facilisis cursus. Quisque at nunc quis sem imperdiet bibendum sit amet ut arcu.

Sed aliquam luctus ante. Pellentesque pharetra pharetra adipiscing. Aenean metus justo, egestas ut dignissim id, lacinia et tellus. Fusce vel lectus nisi, a elementum sem. Fusce dapibus consequat magna sed sollicitudin.

Aenean luctus nisl aliquet est pretium consequat. Donec elementum aliquam libero, in faucibus ligula pellentesque sed. Nam justo lectus, feugiat eget condimentum eget, placerat vitae mauris. Proin aliquam euismod mi, id tempor nulla porta nec.

Nam justo lectus, feugiat eget condimentum eget, placerat vitae mauris. Proin aliquam euismod mi, id tempor nulla porta nec. Suspendisse consectetur blandit eros, ac iaculis enim facilisis cursus.

Left Column - Morbi fringilla massa nec magna tristique congue. Fusce sed ante consectetur metus hendrerit tincidunt. Integer placerat tortor id mi rhoncus convallis. Morbi vestibulum, metus a porttitor porta, purus massa semper sem, id adipiscing tellus diam a ante.

Center Column - Donec dignissim auctor eros, eget tempor leo porta eu. In sed nulla et tortor lobortis rhoncus. Vivamus ut diam vitae lectus convallis posuere et non felis. Donec sit amet enim a lacus consequat sagittis in sit amet purus.

Right Column - Aliquam sem diam, commodo non bibendum non, laoreet laoreet velit. Maecenas sapien tellus, faucibus pretium vulputate ut, ultrices quis tortor. Sed porttitor ante a erat ornare facilisis. Integer pulvinar, lectus quis adipiscing tempus, elit tellus rutrum nisl, nec cursus felis nibh nec lectus.

Code

HTML

CSS