Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wyrównanie w pionie
Forum PHP.pl > Forum > Przedszkole
smietek
Mam taki styl dla menu:
  1. .menu {
  2. margin: 0 auto;
  3. background: url('menu.png') no-repeat;
  4. min-height: 372px;
  5. width: 972px;
  6. }


Jak czystym CSSem wyrównać to menu jeszcze w pionie (tak żeby było centralnie na środku strony, niezależnie od rozdzielczości użytkownika)?
astutus
Cytat(smietek @ 4.12.2010, 21:07:47 ) *
Mam taki styl dla menu:
  1. .menu {
  2. margin: 0 auto;
  3. background: url('menu.png') no-repeat;
  4. min-height: 372px;
  5. width: 972px;
  6. }


Jak czystym CSSem wyrównać to menu jeszcze w pionie (tak żeby było centralnie na środku strony, niezależnie od rozdzielczości użytkownika)?


Musisz wyswietlic menu jako element blokowy przede wszystkim, display:block;. Wtedy bedziesz mogl mu nadac width:wartosc, np. width:500px;
pozniej ustawiasz marginesy: margin-left:auto;margin-right:auto;
To wszystko.
smietek
Ja chce wyrównać to w pionie, w poziomie jest już wyrównane.
Daiquiri
Skorzystaj może z jednego z tych rozwiązań
astutus
No to moze linka podam:
http://riddle.jogger.pl/2006/04/19/wszystk...ntrowaniu-w-css
Pozdrozdzial "Pionowe centrowanie blokow".
Chodz mozna wycentrowac rowniez za pomoca paddingow.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.