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>Odšťouchnutí stránky o šířku posuvníku</title> <div class="obal"> <h1>Odšťouchnutí stránky o šířku posuvníku</h1> <p>Je možné pozorovat, že stránka není <b>přímo uprostřed</b>. Mezera vpravo je větší než vlevo.</p> <p>Autorem <a href="http://diskuse.jakpsatweb.cz/?action=vthread&forum=7&topic=149954#10">použitého JavaScriptu</a> je <a href="http://webylon.info"><b>Chamurappi</b></a>.</p> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obal { border: solid; width: 99%; margin: auto; }
CSS
Autoformát
CSS reset
Až na konci
var root = document.documentElement; var scrollbarWidth = (function() { var temp = document.createElement("div") temp.style.cssText = "position: absolute; top: 0; left: 0; width: 1px; height: 101%"; var w = root.clientWidth; root.appendChild(temp); w -= root.clientWidth; root.removeChild(temp); return w; })(); window.onload = function() { (window.onresize = function() { document.body.style.marginRight = ((window.innerHeight || root.clientHeight) < root.scrollHeight) ? "" : scrollbarWidth + "px"; })(); };
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>