Większość dzisiejszych stron jest układana warstwami (div), więc problem wyrównania strony do środka okna przeglądarki sprowadza się do zadania wyśrodkowania warstwy, która określa szerokość widocznego obszaru strony. Aby znalazł się na środku okna, należy ustawić odpowiednie ustawienia dla jego elementu nadrzędnego, lub dla samego tego bloku.
Czy to jest to konieczne
Podstawowa znajomość języków HTML i CSS
Instrukcje
Krok 1
Umieść warstwę, którą chcesz umieścić na środku okna, między otwierającą i zamykającą częścią znacznika centralnego, jeśli chcesz to zrobić tylko za pomocą języka HTML (HyperText Markup Language - "język znaczników hipertekstowych"). Zakładamy, że rodzicem warstwy definiującej granice strony jest jej treść. Najprostsza wersja kodu HTML wykorzystująca w tym przypadku tag center może wyglądać tak:
Strona środkowa
tekst strony
Krok 2
Jeśli chcesz użyć CSS (Cascading Style Sheets) do wyśrodkowania strony, użyj automatycznego dopasowywania rozmiaru dopełnienia z obramowania okna przeglądarki. Rozmiary marginesów w CSS są określone przez parametr margin. Usuń znaczniki środkowe z poprzedniego przykładu i dodaj parametr marginesu 0 auto do atrybutu stylu warstwy, który definiuje szerokość strony:
Strona środkowa
tekst strony
Krok 3
Oczywiście definicję stylu można wyciągnąć z atrybutu style i umieścić w zewnętrznym pliku lub w nagłówku dokumentu (pomiędzy znacznikami i). W takim przypadku ten sam kod będzie wyglądał tak:
Strona środkowa
#pageRamka {
szerokość: 700px;
wysokość: 400px;
tło: # 0BB;
margines: 0 auto;
}
tekst strony
