Väčšina stránok je dnes usporiadaná pomocou vrstiev (div), takže problém zarovnania webu so stredom okna prehliadača sa zníži na úlohu vycentrovať vrstvu, ktorá určuje šírku viditeľnej oblasti stránky. Aby bolo možné umiestniť ho do stredu okna, je potrebné vykonať príslušné nastavenie pre jeho nadradený prvok alebo pre tento blok samotný.
Je to nevyhnutné
Základné znalosti jazykov HTML a CSS
Inštrukcie
Krok 1
Umiestnite vrstvu, ktorú chcete umiestniť do stredu okna, medzi otváraciu a zatváraciu časť stredovej značky, ak to chcete urobiť iba pomocou prostriedkov jazyka HTML (HyperText Markup Language - „hypertext markup language“). Budeme predpokladať, že rodičom vrstvy, ktorá definuje hranice stránky, je telo tejto stránky. Najjednoduchšia verzia kódu HTML pomocou stredovej značky v tomto prípade môže vyzerať takto:
Stredová stránka
text stránky
Krok 2
Ak chcete na zarovnanie stránky použiť CSS (kaskádové štýly), použite automatické nastavenie veľkosti výplne od okrajov okna prehliadača. Veľkosti okrajov v CSS sú určené parametrom okraja. Odstráňte stredové značky z predchádzajúcej vzorky a do parametra štýlu vrstvy, ktorá definuje šírku stránky, pridáte parameter okraja 0 auto.
Stredová stránka
text stránky
Krok 3
Definíciu štýlu je samozrejme možné odobrať z atribútu štýlu a umiestniť do externého súboru alebo do hlavičky dokumentu (medzi značky a). V takom prípade bude rovnaký kód vyzerať takto:
Stredová stránka
#pageFrame {
šírka: 700px;
výška: 400px;
pozadie: # 0BB;
okraj: 0 auto;
}
text stránky
