28220 sujets

CSS et mise en forme, CSS3

[resolu] Prob marge

Salut

Voilà petit probleme de marge
Plus j'augmente la marge de mon bloc blanc, plus ça decalle le bloc general... mais le bloc blanc lui est toujours collé en haut.

Voilà ce que c'est de rester un long mois sans toucher on oubli tout =)

http://eyesbutterfly.com/depot/test/


#general {
	height: 520px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	background-image: url("img/fond.jpg");
	background-repeat: no-repeat;
}
#1 {
	height: 300px;
	width: 580px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
  background-color: #FFFFFF;
}

Modifié par supercanard (09 Jun 2005 - 11:22)
1/ je ne vois pas ce qu'il y a de choquant là dedans. Ce que tu décris est un comportement voulu par CSS. Voir le paragraphe relatif à la fusion des marges.

2/ rien à voir avec la question : un id ne doit pas commencer par un chiffre.
Ok merci pour l'id =)
Bon alors quelquechose m'echappe completement je crois =/
Je pensais que mettre un marge-top sur le #1 allé le décaller vers le bas mais pas que ça allais décaller mon bloc general.
Pour decaller faire bouger un div a l'interieur d'un autre je sais plus comment on fait... ou alors j'ai jamais eu a le faire donc du coup je me retrouve marron
supercanard a écrit :
Pour decaller faire bouger un div a l'interieur d'un autre je sais plus comment on fait
Pour le détail tu suivras le lien que je donnais. En bref, la fusion des marges ne se fait pas dans 4 cas :
- un padding non nul
- une bordure
- la propriété float (sur le container et pas le contenu)
- {overflow:auto}

Dans ton cas tout naturellement j'utiliserais le padding (appliqué au container) qui me semble fait exactement pour ce que tu veux.
Sujet clos
Aller à