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
<body onresize="posunreklamu();"> <div id=page> obsah </div> <div id=reklama> reklama </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
html, body { margin: 0; padding: 0; } #page { background: gold; width: 300px; min-height: 900px; margin: auto; } #reklama { background: silver; width: 100px; min-height: 100px; position: fixed; top: 0; right: 0; }
CSS
Autoformát
CSS reset
Až na konci
function posunreklamu() { var sirkaokna = document.body.clientWidth; var sirkabloku = 300; var pozice = Math.floor((sirkaokna + sirkabloku) / 2); document.getElementById('reklama').style.left=pozice+"px"; } posunreklamu();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>