[CSS] Wyśrodkowanie Opcje

[kamil_lk]

Witam.
Jak wyśrodkować wszystkie warstwy?
Link

[mortus]

No to niestety trzeba się bawić atrybutem min-height: i ustawiać ten element, który ma zawierać konkretną treść. Tyle, że takie rozwiązanie zadziała tylko dla viewportu o określonej wysokości. Jeżeli ktoś np. będzie miał mniejszą lub większą rozdzielczość monitora, to wtedy wygląd się wykrzaczy. Alternatywą jest wykorzystanie JavaScript-u do ustalenia odpowiedniej minimalnej wysokości podczas ładowania strony. Ogólnie działa to tak, że pobieramy wysokość viewportu i odliczamy sumę wysokości wszystkich elementów o stałej wysokości, a na końcu dodajemy min-height: do stylu naszego zmiennego div-a, przy czym min-height to różnica pomiędzy wysokością viewportu a wspomnianą sumą wysokości. Takie rozwiązanie nie zadziała, jeśli ktoś wyłączy obsługę JavaScript. Myślę, że najlepiej zrobić to w taki sposób, że ustalamy minimalną wysokość strony np. na 500px i tego się trzymamy. Ewentualnie możemy tło do samego dołu zrobić w konkretnym kolorze (będzie bardziej "estetycznie").