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
<title>Fixní a gumový sloupec pomocí tabulky</title> <h1>Fixní a gumový sloupec pomocí tabulky</h1> <div class="table"> <div class="table-row"> <div class="table-cell left"> Levý sloupec s fixní šířkou </div> <div class="table-cell right"> Pravý sloupec s pružnou šířkou </div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.table {display: table; width: 100%;} .table-row {display: table-row} .table-cell {display: table-cell} .left { background: #1081DD; width: 100px; color: #fff; padding: 1em; } .right { background: #DA3F94; color: #fff; padding: 1em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>