Bonjour ! Cela fait longtemps que je n'ai plus demandé d'aide à propos du CSS et xHtml, mais là j'ai un problème, qui m'ennuie pas mal...

C'est très basique, et concerne l'alignement des blocks de mon site.

Simplement avec le code il est possible de voir l'aspect du design, voyez plutôt:





Jusque là, rien de plus classique. Je n'ai même pas mis le footer, pas besoin.

Voila, tout se place normalement, à une exception près.

Quand je met un paragraphe (<p></p>), un titre, ou alors toute autre balise de type block, il fais un saut de ligne (enfin un espace) avec le header. Cet espace est hors du block, et ne se règle pas avec les marges.

Si je met une bordure, l'espace s'en va...
Si je met une lettre avane la balise block dans le corps, l'espace s'en va...
Si je ne met rien dans le corps, l'espace s'en va...
Si je met le paragraphe de mon corps en inline, l'espace s'en va...
Si je met un margin: 0 à mon paragraphe ou titre, ça fonctionne

Mais pourquoi ? Je ne comprend pas d'ou vient le problème ... pourquoi le saut de ligne se fait avant le block ? Il devrait être dans le block, vu que le paragraphe est contenu dans le div corps...

Si vous avez déjà eu ce genre de problème, j'aimerais trouver une façon 'conventionelle' de régler ça !

Merci !

Salut !

Hum, avec le code que tu nous montres là, c'est impossible d'essayer de pouvoir déterminer d'où vient ton problème.

Alors comme ça, perso, je vois pas trop, j'ai déjà rencontré un problème similaire, mais ça venait d'un text-indent hérité d'un élément parent.

Ca n'a pas l'air d'être ton cas ici.

Mets ceci à la fin de ta feuille de style pour voir si ce n'est pas justement un problème de margin ou de padding :



Et regardes si le problème est toujours présent.

Cela corrige mon problème, et je le sais. Mais cela ne l'explique pas.

Au fait, il y a une marge au dessu du h1 ou p (par defaut), mais je ne comprends pas pourquoi ça décale TOUT le block. Pour moi, il devrait juste y avoir une marge qui écarterai le titre/paragraphe du haut du block, mais pas provoquer un décalage du block.

De plus, pourquoi le fait d'appliquer une bordure au calque résous ce problème, ça me parrait illogique, et j'aimerai comprendre d'ou vient le problème...

Ca vient bel et bien de la marge de ce bloc.
Enlève le margin-top ou margin-bottom, à priori ça devrait fonctionner.
Et ça s'explique par le fait que le bloc parent n'englobe pas la marge de son bloc enfant.

Citation : @lyric

Et ça s'explique par le fait que le bloc parent n'englobe pas la marge de son bloc enfant.

Ah c'est pour ça, ma vision des choses étaient différentes, je comprends le problème maintenant, merci !