Skocz do zawartości

Padding w FF i IE


benusso

Rekomendowane odpowiedzi

WItam

Tworzę sobie stronę z

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

i teraz mając div'a z

width: 500px;

chce w nim ustawić padding-left na 5px, dlaczego jak to robię tło diva przesuwa mi się o 5 px w prawo. Czy jedynym wyjściem jest ustawienie szerokości div'a na 495 przy padding-left na 5px ?

Proszę o pomoc.

Odnośnik do komentarza
Udostępnij na innych stronach

znacznie łatwiejszym wyjściem jest użyć innego DTD np.

XHTML 1.0

<!DOCTYPE html PUBLIC

"-//W3C//DTD XHTML 1.0 Transitional//EN"

"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML 5

<!doctype html>

pozbędziesz się przy okazji masy innych problemów, które mogą wynikać właśnie z zastosowania nieodpowiedniego DTD

Odnośnik do komentarza
Udostępnij na innych stronach

  • 3 tygodnie później...

wg. specyfikacji CSS padding wlicza się w width i height. Czyli jeśli chcesz mieć width: 500px; używając padding-left: 5px; width musisz ustawić na 495px bo jest to margines wewnętrzny. 495+5=500 ...

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności