Majoritatea paginilor de astăzi sunt așezate folosind straturi (div), astfel încât problema alinierii site-ului la centrul ferestrei browserului se reduce la sarcina de centrare a stratului care determină lățimea zonei vizibile a paginii. Pentru ca acesta să fie poziționat în mijlocul ferestrei, este necesar să setați setările corespunzătoare pentru elementul său părinte sau pentru acest bloc în sine.
Este necesar
Cunoașterea de bază a limbajelor HTML și CSS
Instrucțiuni
Pasul 1
Plasați stratul pe care doriți să îl poziționați în centrul ferestrei, între părțile de deschidere și de închidere ale etichetei centrale, dacă doriți să faceți doar folosind mijloacele limbajului HTML (HyperText Markup Language - „limbaj de marcare hipertext”). Vom presupune că părintele stratului care definește marginile paginii este corpul acestei pagini. Cea mai simplă versiune a codului HTML care utilizează eticheta centrală în acest caz ar putea arăta astfel:
Pagina de centru
textul paginii
Pasul 2
Dacă doriți să utilizați CSS (Cascading Style Sheets) pentru a alinia centrul paginii, utilizați dimensionarea automată a padding-ului de la marginile ferestrei browserului. Dimensiunile marjei în CSS sunt determinate de parametrul de marjă. Eliminați etichetele centrale din eșantionul anterior și adăugați un parametru de marjă de 0 auto la atributul de stil al stratului care definește lățimea paginii:
Pagina centrală
textul paginii
Pasul 3
Desigur, definiția stilului poate fi scoasă din atributul de stil și plasată într-un fișier extern sau în capul documentului (între etichete și). În acest caz, același cod va arăta astfel:
Pagina centrală
#pageFrame {
lățime: 700px;
înălțime: 400px;
fundal: # 0BB;
marja: 0 auto;
}
textul paginii
