+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wyświetlanie marginesów w Firefoksie (/thread-wy%C5%9Bwietlanie-marginesow-w-firefoksie)
Wyświetlanie marginesów w Firefoksie - mircan - 12-12-2009
Kod:
<html>
<head>
<title></title>
<style type='text/css'>
body {
margin:0;
padding:0;
}
#kontener {
width:500px;
height: 200px;
margin: 0 auto;
background-color:red;
border:0px solid;
}
#element {
width:200px;
margin: 20px auto;
background-color:green;
}
</style>
</head>
<body>
<div id="kontener">
<div id="element">element</div>
</div>
</body>
</html>Po uruchomieniu powyższego kodu w Firefoksie div#kontener jest odsunięty od góry o 20px, a powinien być odsunięty tylko div#element.
Po dodaniu do #kontener border:1px solid wszystko jest wyświetlane prawidłowo. W IE ten problem nie występuje.
Czy jest to błąd Firefoksa i jest jakaś metoda na uniknięcie go?
Z góry dziękuję za pomoc
RE: Wyświetlanie marginesów w Firefoksie - dziamber - 12-12-2009
Do div#kontener dodajesz:
Kod:
position: relative;Kod:
position: absolute;RE: Wyświetlanie marginesów w Firefoksie - mircan - 12-12-2009
Dzięki za szybką odpowiedź jak to rozwiązać
Wiesz może czy to jest zła interpretacja standardów przez Firefox'a, czy też Firefox wyświetla to prawidłowo bo tak powinny się zachowywać div'y?
RE: Wyświetlanie marginesów w Firefoksie - dziamber - 12-12-2009
Firefox dobrze to wyświetla, to IE interpretuje wszystko w inny sposób
