#naglowek { text-align: center; position: absolute; background-color: #DBDBDB; width: 64%; height: auto; margin-top: 163px; margin-left: 18%; color: black; font-family: Acme; font-size: 14pt; border-style: outset; border-color: white; border-bottom: 0; } #tresc { text-align: center; position: absolute; overflow: auto; background-color: #DBDBDB; width: 64%; height:434px; margin-top: 266px; margin-left: 18%; color: black; font-family: Acme; font-size: 14pt; border-style: outset; border-color: white; border-bottom: 0; border-top: 0; } #stopka { text-align: center; position: absolute; background-color: #DBDBDB; width: 64%; height: auto; margin-top: 700px; margin-left: 18%; color: black; font-family: Acme; font-size: 14pt; border-style: outset; border-color: white; border-top: 0; }
Problem jest w nagłówku w tym miejscu:
margin-top: 163px;
Otóż tak ten margines interpretuje firefox:
http://s18.postimg.org/w1sg73rrt/firefox.jpg
A tak interpretuje go opera:
http://postimg.org/image/sbp9vrizr/
Jak można zauważyc w operze jest widoczna dolne obramowanie menu ( wskazane czerwoną strzałką ) natomiast w firefoxie to menu przesuwa sie nieco w dół i juz nie widać tego obramowania. Próbowałem to rozwiązywać za pomocą % czyli:
margin-top: xx%; -> ale wtedy na innych rozdzielczościach się stronka kaszani. Jakie jest wyjście z tej sytuacji?