Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id="hlavicka"> hlavička </div> <div id="obsah"> <div id="bocni_panel"> panel </div> <div id="hlavni_obsah"> nějaký text, který je hóooodně dlouhý<br> nějaký text, který je hóooodně dlouhý<br> nějaký text, který je hóooodně dlouhý<br> nějaký text, který je hóooodně dlouhý<br> nějaký text, který je hóooodně dlouhý<br> </div> <div class="clear"></div> </div> <div id="paticka"> patička </div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { height: 100%; } body { padding: 0; margin: 0 auto; } #obsah { width: 1036px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; padding: 2px; min-height: 200px; border: 1px solid black; } #paticka { text-align: center; width: 1000px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; padding: 3px 3px 3px 3px; } #hlavni_obsah { border: 1px solid black; float: left; width: 880px; text-align: left; min-height: 100%; } #bocni_panel { border: 1px solid black; position: relative; float: left; width: 140px; text-align: left; margin-right: 10px; min-height: 100%; } .clear {clear: both;}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>