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 class="obal pozadi"> <div class="levy"><p>Krátký text</p><p>Více</p><p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p> <p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p><p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p> <p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p><p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p> <p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p> </div> <div class="pravy"> <p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p> <p>Více</p> <p>krátkých</p> <p>odstavců</p> <p>Více</p> </div> <div style="clear: both"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obal {width: 500px; position: relative;} .obal .levy {float: left; width: 150px;overflow-y:scroll;} .obal .pravy {float: right; width: 350px;} .levy{background: #34A3E4; left: 0;} .pravy{background: #E36FAF; left: 150px;} .obal p {padding: 1em}
CSS
Autoformát
CSS reset
Až na konci
$(document).ready(function() { // while( $('.levy').height() > $('.pravy').height() ) { // $('.levy').css('font-size', (parseInt($('.levy').css('font-size')) - 1) + "px" ); // } $('.levy').height($('.pravy').height() ); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>