Horizontální zarovnání stránky o pevné šířce na střed
Horizontální vycentrování stránky na střed okna prohlížeče.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Marek Prokop. Bližší popis najdete v článku Centrování v CSS – Příklad 2.
CSS
body
{
margin: 0;
padding: 0;
text-align: center;
}
#obalovydiv
{
width: 550px;
margin-top: 2em;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
padding: 1em;
border: 2px solid blue;
color: #000;
background : #dddddd none;
text-align: left;
}
XHTML
<html>
<body>
<div id=“obalovydiv“>
Tady bude obsah stránky…
</div>
</body>
</html>
Předchozí článek
Min-width bez JavaScriptu či Expressions i pro MSIE
Mohlo by vás také zajímat
-
Webový správce souborů Filestash – dojmy a recenze
29. července 2024 -
Optimalizace a zlepšení výkonu kódu: tipy a triky
14. srpna 2023 -
AI na dosah ruky: Jak je to s AI v osobních zařízeních?
22. ledna 2024 -
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025
Nejnovější
-
-
Srovnání Mini počítačů: Mac Mini M4 vs. Asome Max Studio
7. dubna 2025 -
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025 -
Co je to TTL a proč na něm záleží?
25. března 2025