ďťż

[css] margin-top interpretacja przeglądarki margin-top przypisane divowi nadrzędnemu?

       

Podstrony


telcocafe

Witam, problem przedstawia się następująco. Mam kod:
<HTML> <HEAD> </HEAD> <BODY> <div style="width:800px; height:550px; background-color:#d7d7d7; margin:auto; margin-top:0px;"> <div style="width:397px; height:32px; background-color:#afafaf; margin-top:100px;"> </div> </div> </BODY> </HTML>

i w IE jest wszystko OK, natomiast FF2 pokazuje to tak, że dla małego diva i dla dużego diva ustawia margin-top:100px;, przez co zarówno jeden i drugi są oddalone od góry strony o 100px. A ja chcę, żeby to działało tak, jak zdefiniowałem, tzn. Żeby duży div był u gory strony (Margin-top:0px), natomiast mniejszy, zawierający się w tym divie, żeby był oddalony od górnej krawędzi o 100px;
position:absolute pomaga, ale nie jest to zbyt ładne rozwiązanie. Jest może ładniejsze?



Moze ustaw padding?
np:
<div style="width: 800px; height: 550px; background-color: #d7d7d7; margin: 0 auto; padding: 100px 0 0 0 "> <div style="width:397px; height:32px; background-color:#afafaf; margin: 0;"> </div> </div>

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.