Sidebar en Content
Onder de header plaatsen we nu twee nieuwe divs, #sidebar en #content:
<div id="sidebar">
<h2>Sidebar Alinea 1</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut velit quam, volutpat sit amet, mollis at, auctor eu, nibh. Vestibulum tempor, pede vel scelerisque consequat, erat mauris blandit nisl, sed pretium sapien purus dignissim mauris. Donec molestie sagittis turpis. Donec fringilla neque quis enim.</p>
<h2>Sidebar Alinea 2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut velit quam, volutpat sit amet, mollis at, auctor eu, nibh. Vestibulum tempor, pede vel scelerisque consequat, erat mauris blandit nisl, sed pretium sapien purus dignissim mauris. Donec molestie sagittis turpis. Donec fringilla neque quis enim.</p>
</div>
<div id="content">
<h2>content</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut velit quam, volutpat sit amet, mollis at, auctor eu, nibh. Vestibulum tempor, pede vel scelerisque consequat, erat mauris blandit nisl, sed pretium sapien purus dignissim mauris. Donec molestie sagittis turpis. Donec fringilla neque quis enim.
Nullam pharetra. Nunc a erat. Morbi sollicitudin felis et urna. Phasellus malesuada convallis est. Quisque dui velit, ultricies nec, scelerisque nec, tincidunt non, nulla. Duis dolor est, ultrices ac, bibendum non, adipiscing a, nisl. Nam dui justo, laoreet non, scelerisque ac, accumsan non, purus. Fusce rutrum pretium elit. Integer gravida. Cras tempor. Sed fringilla nunc vel nibh. Ut porta, orci eu fringilla iaculis, diam nisl pharetra est, ut bibendum augue orci vel mauris. Quisque tempor uscipit diam.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut velit quam, volutpat sit amet, mollis at, auctor eu, nibh. Vestibulum tempor, pede vel scelerisque consequat, erat mauris blandit nisl, sed pretium sapien purus dignissim mauris. Donec molestie sagittis turpis. Donec fringilla neque quis enim.
Nullam pharetra. Nunc a erat. Morbi sollicitudin felis et urna. Phasellus malesuada convallis est. Quisque dui velit, ultricies nec, scelerisque nec, tincidunt non, nulla. Duis dolor est, ultrices ac, bibendum non, adipiscing a, nisl. Nam dui justo, laoreet non, scelerisque ac, accumsan non, purus. Fusce rutrum pretium elit. Integer gravida. Cras tempor. Sed fringilla nunc vel nibh. Ut porta, orci eu fringilla iaculis, diam nisl pharetra est, ut bibendum augue orci vel mauris. Quisque tempor uscipit diam.</p>
</div>
Ik ontwerp zelf graag met wat vultekst, "lorem ipsum", te verkrijgen via www.lipsum.com
Dan krijg je al een beetje een idee hoe de lay-out er uit komt te zien als er echte tekst in staat.