A legtöbb oldalt manapság rétegek (div) segítségével helyezzük el, ezért a webhely és a böngészőablak közepéhez igazításának problémája arra a feladatra korlátozódik, hogy a réteg középre álljon, amely meghatározza az oldal látható területének szélességét. Annak érdekében, hogy az ablak közepére kerüljön, meg kell adni a megfelelő beállításokat a szülő eleméhez, vagy ehhez a blokkhoz.
Szükséges
HTML és CSS nyelvek alapismerete
Utasítás
1. lépés
Helyezze el az elhelyezni kívánt réteget az ablak közepén, a középső címke nyitó és záró része között, ha csak a HTML nyelv eszközeivel kívánja megtenni (HyperText Markup Language - "hipertext jelölő nyelv").. Feltételezzük, hogy az oldalhatárokat meghatározó réteg szülője az oldal törzse. A középső címkét használó HTML kód legegyszerűbb verziója ebben az esetben így nézhet ki:
Középső oldal
oldal szövege
2. lépés
Ha CSS (Cascading Style Sheets) segítségével kívánja igazítani az oldalt, használja a kitöltés automatikus méretezését a böngészőablak határaitól. A margin méreteket a CSS-ben a margin paraméter határozza meg. Távolítsa el a középső címkéket az előző mintából, és adjon hozzá 0 értékű margóparamétert az oldal szélességét meghatározó réteg stílusattribútumához:
Középső oldal
oldal szövege
3. lépés
Természetesen a stílusmeghatározás kihúzható a stílusattribútumból, és elhelyezhető egy külső fájlban vagy a dokumentum fejében (a és a tagek között). Ebben az esetben ugyanaz a kód így fog kinézni:
Középső oldal
#pageFrame {
szélesség: 700px;
magasság: 400px;
háttér: # 0BB;
margó: 0 auto;
}
oldal szövege
