padding różnice w między IE a Mozilla(firefox)

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
wad
Nowy
Nowy
Posty: 23
Rejestracja: pt cze 13, 2003 11:23 am

padding różnice w między IE a Mozilla(firefox)

Post autor: wad »

cześć
Mam pytanko. Podczas definiowania właściwośći padding w CSS , nie wiem czego mozilla powiększa blok o taką samą wartość co podaje w padding np:

Kod: Zaznacz cały

<!--
.pad {
	background-color: #CCCCCC;
	padding-left: 20px;
	height: 200px;
	width: 200px;
}
-->
</style>

<div  class="pad"> padding1</div>
<br>
<div class="pad" style="padding:0px"> padding2</div>
W tym przykładzie padding1 jeden jest powiększany a nie powinien IE wyświetla prawidłowo. A jak wiadomo padding określa wielkość dopełnienia dla elementu. W pading1 powinno nastąpić przesunięcie w lewo wzgledem lewej krawędzi bloku <div> a nie jednocześnie poszerzać cały blok.
Sorki za ortografy jak są :lol:
O co chodzi?
Mateusz Bogolubow
Zaczyna działać
Zaczyna działać
Posty: 428
Rejestracja: ndz paź 26, 2003 8:16 pm
Lokalizacja: Olkusz / Kraków
Kontakt:

Re: padding różnice w między IE a Mozilla(firefox)

Post autor: Mateusz Bogolubow »

sprobuj ustawic margin na 0 wtedy juz powwinno byc wszystko ok
paszczak
Nowy
Nowy
Posty: 123
Rejestracja: ndz paź 03, 2004 2:21 pm
Lokalizacja: Sopot
Kontakt:

Re: padding różnice w między IE a Mozilla(firefox)

Post autor: paszczak »

Zgodnie ze specyfikacja CSS2 parametr width okresla szerokosc zawartosci box'u
(contents width), a padding odleglosc pomiedzy zawartoscia a ramka...

Wiec to mozilla wyswietla prawidlowo....

Sprawdz:
opis width http://www.w3.org/TR/REC-CSS2/visudet.h ... pdef-width
opis box'a http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions
ODPOWIEDZ