[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

[!*!]

Pokaż to jakoś na przykładzie online http://jsfiddle.net/ http://forum.php.pl/index.php?showtopic=15...mp;#entry896036
Zresetuj ustawienia tego menu, jak i innych elementów

[CSS] pobierz, plaintext 
*{margin:0;padding:0}
[CSS] pobierz, plaintext 

[mlodygda]

Proszę Cię bardzo:

http://jsfiddle.net/Lztn2/3/show/

aczkolwiek tu to w ogóle się rozjechało.

Tutaj kod:
http://jsfiddle.net/Lztn2/3/

[!*!]

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

[mlodygda]

ja nie wiem, czy my piszemy o tym samym, bo z tego co mówisz jedyną rozsądną radą jest ta o pliku CSS pod każdą przeglądarkę.

Mi chodzi o to, żeby treść na tym szarym tle (nagłówek z menu, zawartosc tekstowa i stopka ) byly w tym miejscu w którym są na przedstawionych skrinach.
Problem jest - jak napisałem - w tym, że w FF nagłówek zachodzi nieco za treść i nie widać dolnego obramowania.
Kiedy wezmę margin:0 i padding:0 to przecież to menu będzie na górze strony. Dzięki bardzo, ale nie o to chodzi.

Napisałem też, że % NIE używam bo się kaszani na innych rozdziałkach.

Więc tak naprawde dalej nie wiem, jak sobie z tym poradzić.

[!*!]

Skoro nie używasz %, to po co podajesz kod w którym się one znajdują?
Porównaj kod jaki Ci podałem. Wywaliłem z niego zbędne rzeczy, dostosuj to tylko dalej pod siebie. position absolute itd, nie jest Ci tu do niczego potrzebny. Przepisz to jeszcze raz, ale używając znaczników które są potrzebne, a nie tych które akurat się nawiną.

http://jsfiddle.net/Lztn2/11/

edycja:
http://jsfiddle.net/Lztn2/12/show/

Ten post edytował !*! 30.03.2013, 11:45:58

[mlodygda]

juz nic.

dzięki bardzo.

Ten post edytował mlodygda 30.03.2013, 12:16:41