Margines w paragrafie wychodzi poza otaczający div

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
NASA
Nowy
Nowy
Posty: 53
Rejestracja: pt lis 14, 2003 5:20 pm
Lokalizacja: Golub-Dobrzyń

Margines w paragrafie wychodzi poza otaczający div

Post autor: NASA »

Podobno takie zachowanie (dla mnie idiotyczne) jest zgodne ze specyfikacją W3C ale może istnieje jakiś sposób na obejście tego?

Przypominam sytuację:

Kod: Zaznacz cały

<body style="margin:0px; background: green">
<div style="background: gold">
  <p>paragraf</p>
</div>
</body>
Czy to znaczy, że w div-owym layout-cie nie można spokojnie używać domyślnych paragrafów z marginesem?

Jedynym obejściem tego jest zastosowanie obramowań do elementu div (dopiero wtedy margines z <p> nie przedziera się na zewnątrz.

Aha, widać to w Firefoxie, w IE chodzi normalnie (czyli tradycyjnie niezgodnie z W3C, choć w tym przypadku...).
Salfunglandyare
Nowy
Nowy
Posty: 88
Rejestracja: śr sty 24, 2007 9:52 pm
Lokalizacja: Kuj-Pom.

Re: Margines w paragrafie wychodzi poza otaczający div

Post autor: Salfunglandyare »

A może by tak:

Kod: Zaznacz cały

p{
margin: 0;
padding: 1em 0 1em 0;
}
pzdr.
ODPOWIEDZ