Wyśrodkowanie zawartości - nie działa vertical-align:middle

pctrx

Avatar: pctrx

2011-08-11 22:49

Strona przygotowana na dysku i oglądana na dysku wyświetla się poprawnie. Zgodnie z założeniem tekst jest wyśrodkowany. Po dostosowaniu kodu do potrzeb Quick.CMS niestety żadnego efektu nie przynosi zawarte w kodzie vertical-align: middle.
Wg mnie problem leży w DIV'ach #content oraz #page, ponieważ w wersji "dyskowej" ich w ogóle nie zawarłam a strona wyświetlała się poprawnie. W obydwu mam taki sam kod:

display: block;
width: 980px; height: 650px;
background: transparent;
position: absolute;
left: auto; top: 20px; right: auto; vertical-align: middle;
margin-top: 0px; margin-left: auto; margin-right: auto;
padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
z-index: 1;
overflow: auto;

Dopiero gdy zmienię "left: auto" na jakąś wartość, treść przesuwa się w kierunku środka, ale nie mogę tego zrobić tym sposobem, bo chcę by tekst był wycentrowany w różnych rozdzielczościach.
Jak sobie z tym poradzić?
Proszę o pomoc.

» Quick.Cms v2.x

Rad

Avatar: Rad

2011-08-12 08:40

Vertical-align: middle służy do wyśrodkowania w pionie ale i tak zadziała dopiero gdy właściwość display ustawisz na komórkę tabeli.
Left to pozycja diva więc jak wpisujesz jakąś wartość to się przesuwa.
Do wyśrodkowania w poziomie stosuje się margin: 0 auto czyli tak jak masz ale może nie działać z position: absolute.

Do góry
o nas | kontakt