[CSS][HTML] Inna interpretacja margin-top przez FF Opcje

[mlodygda]

Witam, mam stronkę składającą się z 3 divów:

[HTML] pobierz, plaintext 
#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;
}
[HTML] pobierz, plaintext 

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?

Ten post edytował mlodygda 30.03.2013, 10:44:37

[!*!]

Tak jak pisałem, musisz użyć jakiegoś pliku css który będzie resetował wygląd pod każdą przeglądarką.
http://jsfiddle.net/Lztn2/9/show/
Nie używaj wartości % do centrowania, jak i ustalenia marginesu, w poziomie używaj

[CSS] pobierz, plaintext 
margin:0 auto;
[CSS] pobierz, plaintext 

, a w pionie... tu są różne techniki, sam musisz wybrać którą. (display:table, wiecej znadziesz w google pod "html centrowanie div")
Dodatkowo nie miałeś domkniętych tagów.

Ten post edytował !*! 30.03.2013, 11:26:07