Strona oparta na divach, w kontenerze z treścią jest atrybut overfloww: auto by pojawił się pasek skrolowania i nie było potrzeby przewijania całej strony.
W Mozilli wszystko działa ok przy takich wartościach css:
- Kod: Zaznacz cały
html, body {
height: 95%;}
body {
display:table;
width: 95%;
margin: 0 0 48;
}
.srodek {display: table-cell;
vertical-align: middle;
}
Po wstawieniu diva .srodek mozilla pozycjonuje stronie w pionie i pojawia się tylko scroll w divie treść jeśli zachodzi taka potrzeba.
Natomiast w przypadku IE strona poprawnie się pozycjonuje w pionie ale od razu przegladarka dodaje swój własny boczny scroll i odstęp na dole strony, tak że można ją 'po pustym' przewijać.
IE ma własny oddzielny css:
- Kod: Zaznacz cały
html {
overflow-y: auto;
overflow-x: hidden;
}
body {
position: relative;
}
.srodek {position: absolute;
top: 50%;
}
.srodekie {
position: relative;
top: -50%;
}
Dla IE jest dodatkowy w <!--[if IE]> div - srodekie.
Czy ktoś wie jakiego trzeba jeszcze uzyć haka by IE nie wyświetlał z automatu swojego własnego bocznego paska [jak nie ma potrzeby bo scroll jest w divie treści]?
Jeśli nie dam diva srodekie to IE nie pozycjonuje strony w pionie, ale nie wyswietla też własnego paska bocznego.
Z góry dzięki za wszelkie podpowiedzi
