Hlavička s libovolným obsahem

Pro Nestcape je dobré mít výšku obsahu přibližně stejnou jako výška objektu, aby vykreslil pozadí.

 

Pravý sloupec

Zde obvykle bývají jiné odkazy.

Odkaz

odkaz

odkaz

odkaz

odkaz

odkaz jinam

Příklad pozicování

Sloupce na této stránce jsou postaveny pomocí CSS pozicování. Dá se to udělat i tabulkami, ale ty mají nevýhodu, že se pomalu zobrazují. Oddíly pozicované pomocí CSS se na rozdíl od tabulek zobrazují hned, jak se načítají.

Další perfektní věcí je možnost načítání vlastního obsahu (tohoto textu) jako prvního. Teprve až se načte vnitřek prostředního sloupce s důležitým obsahem, začne se načítat grafická hlavička a levý sloupec s odkazy.

Toto je pouze nedokonalá ukázka toho, co lze s pozicováním vykouzlit. Pro praktické použití je potřeba lépe ji odladit podle aktuálních potřeb.

Popis stavby a HTML syntaxe je v textu o sloupcích pomocí pozicování. Pro detailní pochopení příkladu si zobrazte zdroj.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetuer tellus turpis non ac mauris. In et at tempus vitae et Curabitur ut tellus odio ligula. Neque convallis hendrerit dui dis lacinia et et sapien In dictumst. Magna justo malesuada nunc dictumst congue pellentesque ridiculus Nulla justo Curabitur. Ipsum tincidunt Suspendisse habitant porttitor condimentum Praesent faucibus Morbi est congue. Pellentesque vel eu aliquam congue facilisi ridiculus rutrum urna vel.

Est Sed nisl eget mattis cursus ut dignissim vitae est gravida. Fringilla ligula vitae justo tellus sagittis nec in montes condimentum pretium. Iaculis et leo ut Quisque scelerisque nibh orci neque pretium convallis. Leo In massa Phasellus eleifend vitae semper quis ante ut et. Pellentesque id at velit iaculis lorem nibh facilisis tellus parturient felis. Felis laoreet est tristique interdum Vestibulum at eu laoreet a Nunc.

At Nunc fermentum Vestibulum Vestibulum Nunc Morbi elit parturient ac pretium. Elit massa Aenean sociis urna pellentesque wisi Quisque ut a mollis. Semper neque Suspendisse Morbi vestibulum quis at lacus Sed hendrerit malesuada. Sed elit Vestibulum convallis mauris Vestibulum id nibh ac platea accumsan. Egestas consequat eget elit convallis odio Cras Lorem Nam est justo. Amet felis sed sed mi enim risus pede Donec semper dictum. Facilisis.

Pharetra elit justo tincidunt felis consectetuer ac tincidunt eu ac scelerisque. Nunc fringilla scelerisque Aenean urna laoreet vitae justo nulla convallis quis. Et nulla amet eget quis a habitant tortor Nunc porttitor Nam. Nunc hendrerit Pellentesque semper In eget sed vitae vel id Donec. Est condimentum orci elit libero justo commodo lacus Phasellus massa dui. Curabitur nulla pede consectetuer Maecenas convallis lacinia magnis semper elit dis. Sem id.

Sagittis et turpis elit metus tincidunt id eleifend enim semper a. Quis turpis in eu nec ante auctor Curabitur ut nisl Vestibulum. Turpis vel ipsum sed Morbi eros ac augue nibh vitae nec. Et auctor id ultrices a eget cursus natoque pellentesque semper urna. Pretium diam wisi magna ultrices laoreet facilisis consectetuer Suspendisse tincidunt tortor. Fringilla at volutpat Vestibulum wisi wisi vel Curabitur ipsum magna enim. Nonummy eu.

Sagittis et turpis elit metus tincidunt id eleifend enim semper a. Quis turpis in eu nec ante auctor Curabitur ut nisl Vestibulum. Turpis vel ipsum sed Morbi eros ac augue nibh vitae nec. Et auctor id ultrices a eget cursus natoque pellentesque semper urna. Pretium diam wisi magna ultrices laoreet facilisis consectetuer Suspendisse tincidunt tortor. Fringilla at volutpat Vestibulum wisi wisi vel Curabitur ipsum magna enim. Nonummy eu.

Sagittis et turpis elit metus tincidunt id eleifend enim semper a. Quis turpis in eu nec ante auctor Curabitur ut nisl Vestibulum. Turpis vel ipsum sed Morbi eros ac augue nibh vitae nec. Et auctor id ultrices a eget cursus natoque pellentesque semper urna. Pretium diam wisi magna ultrices laoreet facilisis consectetuer Suspendisse tincidunt tortor. Fringilla at volutpat Vestibulum wisi wisi vel Curabitur ipsum magna enim. Nonummy eu.

Sagittis et turpis elit metus tincidunt id eleifend enim semper a. Quis turpis in eu nec ante auctor Curabitur ut nisl Vestibulum. Turpis vel ipsum sed Morbi eros ac augue nibh vitae nec. Et auctor id ultrices a eget cursus natoque pellentesque semper urna. Pretium diam wisi magna ultrices laoreet facilisis consectetuer Suspendisse tincidunt tortor. Fringilla at volutpat Vestibulum wisi wisi vel Curabitur ipsum magna enim. Nonummy eu.

Toto je patka.
Objekt ilustrující možnosti překrývání