28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Deuxième problème à vous soumettre, encore sur un problème de marge...

J'ai une div de largeur fixe ("container") dans laquelle sont incluses des div de largeur 100% ("contenu_mainX") qui ont une jolie backgound-image pour me représenter ma page. Pour des raisons évidentes d'esthétiques, j'ai besoin de mettre en place une marge interne dans mes div pour que mes pavés de texte soient correctement placés. J'utilise pour ça le padding. Mais malheureusement... :
http://dpotoir.free.fr/temp/test2/
... ça ne semble pas correct...

Ça doit être complètement basique mais il y a qq chose que je ne dois pas comprendre. Pour moi, le padding, c'est la marge interne d'un objet. Hors, dans l'exemple présenté, le fait de modifier le padding modifie ses dimensions (la div s'élargie en ajoutant la taille des paddings).

Merci d'avance pour votre aide.

@+
Max
Modifié par maxpower (04 Aug 2011 - 10:38)
bonsoir,

un element block prend automatiquement 100% de la largeur disponible par defaut et va adapté sa largeur selon les marges internes.

Pour eviter tes débordements, enlève le width : 100% au enfants de type block(div) de #container .

Cordialement