Witam,
Mam <h1> (napis "dupa" na zielonym tle), zawiera się on w <div id="content">

kod:

[HTML] pobierz, plaintext 
<div id="content">
	<h1>dupa</h1>
</div>
[HTML] pobierz, plaintext 

wygląda to tak:
http://tymczasowo.domenomania.pl/

css:


No i mam proble, bo jak zmieniam wartość margin w h1 np. na 40px 20px 0 20px, to przesuwa mi się nie tylko h1, ale również div, który znajduje się za <h1> i w ogóle nie ma ustawionego margin (tzn. ma 0 na wszystkich wartościach).
Czemu tak się dzieje?

Pozdrawiam

[CSS] pobierz, plaintext 
div[id=content] {
[CSS] pobierz, plaintext 

Ten selektor jest chyba wolniejszy od #content.


Wynika to z wylewania się marginesów. Daj overflow: hidden dla #content i będzie git.

Nagłówek umieściłeś wewnątrz diva. Teraz jak umiescisz jakis tekst/obraz ponizej <h1> to zostanie on umieszczony pod <h1> zgodnie z marginesami. Jezeli nie chcesz zeby znajdowal sie ponizej, czyli obok to poszukaj o atrybucie float.

Swoja droga dlaczego poslugujesz sie takim odwolaniem : div[id=content], gdy wystarczyloby #content ?

@erix: dzięki, faktycznie overflow: hidden zadziałało, chociaż nie do końca rozumiem dlaczego. Czy marginesy h1 wystawały poza diva, w którym h1 się znajduje? A zmieniając overflow na hidden przyciąłem obszar, na którym może znajdować się h1 tylko do obszaru tworzonego przez diva? Jakbyś miał pod ręką jakiś dobry tutorial do tego, to chętnie poproszę

@Mateusz_Babiarz: słuszna uwaga, pewnie później mi się to przyda, dzięki

div[id=costam] wziąłem z jakiegoś kursu css oczywiście. Już zmieniłem na #costam.

Pozdrawiam

Nie przycina, a zapobiega wylewaniu się marginesów. To tak, jakbyś gniótł ciasto na pierogi - jak masz stolnicę bez ścianek, to mocno rozwałkowane ciasto po prostu ucieknie ze stolnicy.


Ciężko mi w tej chwili coś powiedzieć... Ale zwykle kurs.browsehappy.pl wystarcza.


Zmień kurs. Skoro ma takie kwiatki, nie jest wart więcej uwagi.