28172 sujets

CSS et mise en forme, CSS3

Bonjour,

C'est mon premier post ici car j'ai un petit soucis de mise en forme avec mes div et mon contenu.

J'ai réalisé tout le design du site en div, et jusque là tout est ok.
J'ai 2 div, alignée horizontalement, une situé à gauche et l'autre à droite.

Mon problème viens lorsque j'ajoute du contenu dans une de mes div.
Si j'ajoute du texte brut, mes div s'agrandissent avec le contenu sans soucis.

Le problème c'est lorsque j'ajoute du contenu avec des titres comme <h2></h2>. Cela à pour effet de décaler légérement ma div en haut et en bas, comme ci on rajoutait un margin.

Voilà si quelqu'un peu m'aider merci d'avance!
Hello tompou et bienvenue,

on ne le dira jamais assez : pour avoir une réponse il faut nous montrer le code (html et css) utilisé. L'idéal étant une page en ligne. Smiley murf
Modifié par Heyoan (05 Feb 2010 - 10:53)
Hello

Je pense que c'est dû au fait que la balise <h2> a un margin intégré (de valeur différente selon les navigateurs).
Pour corriger ca, tu peux ajouter à ta css
h2 {
padding : 0px ; 
margin : 0px ; }


Lu
tompou a écrit :
Bonjour,

[...]

Le problème c'est lorsque j'ajoute du contenu avec des titres comme <h2></h2>. Cela à pour effet de décaler légérement ma div en haut et en bas, comme ci on rajoutait un margin.

Voilà si quelqu'un peu m'aider merci d'avance!


Bonjour,
il me semble que c'est dû à la fusion des marges.

Tu peux aussi jouer sur les padding du h2 ou parent en ajoutant 1 px en haut par exemple.
Le mieu pour t'aider c'est d'avoir un exemple de ton problème en ligne.
Modifié par Torifan (05 Feb 2010 - 12:12)