Většina stránek je dnes rozložena pomocí vrstev (div), takže problém se zarovnáním webu do středu okna prohlížeče je omezen na úkol vycentrovat vrstvu, která určuje šířku viditelné oblasti stránky. Aby bylo možné jej umístit do středu okna, je nutné provést příslušná nastavení pro jeho nadřazený prvek nebo pro tento blok samotný.
Je to nutné
Základní znalost jazyků HTML a CSS
Instrukce
Krok 1
Umístěte vrstvu, kterou chcete umístit do středu okna, mezi otevírací a zavírací část středové značky, pokud to chcete udělat pouze pomocí prostředků jazyka HTML (HyperText Markup Language - „hypertext markup language“). Budeme předpokládat, že rodičem vrstvy, která definuje okraje stránky, je tělo této stránky. Nejjednodušší verze kódu HTML používající v tomto případě středovou značku může vypadat takto:
Střední stránka
text stránky
Krok 2
Pokud chcete k zarovnání stránky použít CSS (kaskádové šablony stylů), použijte automatické přizpůsobení velikosti výplně od okrajů okna prohlížeče. Velikost okrajů v CSS je určena parametrem okraje. Odeberte středové značky z předchozího vzorku a přidejte parametr margin 0 auto k atributu stylu vrstvy, která definuje šířku stránky:
Střední stránka
text stránky
Krok 3
Definici stylu lze samozřejmě vyjmout z atributu stylu a umístit do externího souboru nebo do záhlaví dokumentu (mezi tagy a). V tomto případě bude stejný kód vypadat takto:
Střední stránka
#pageFrame {
šířka: 700px;
výška: 400px;
pozadí: # 0BB;
okraj: 0 auto;
}
text stránky
