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
-
Umělá inteligence v IT
27. září 2023 -
Výkonný a kompaktní: ASOME Max Studio s výjimečným poměrem cena/výkon
11. listopadu 2024 -
Jak si vyzkoušet Apple Intelligence v EU
2. srpna 2024 -
Jak se chránit před podvody na internetu – část 2
14. října 2024
Nejnovější
-
Zoner Photo Studio X se mění na Zoner Studio
13. června 2025 -
Co je to transformer v umělé inteligenci (AI)
10. června 2025 -
INNOCN monitory: špičková kvalita za zlomek ceny
5. června 2025 -
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025