28173 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde.. encore une ptite question mais un gros problème.

je met un margin-top et margin-bottom au P alors techniquement je devrais avoir un espace de 10px entre mes deux P ... Mais cela ne fonctinne pas.. surement a cause des float en dessus,,, quelqu un pourrait m'expliquer pourquoi et quoi faire ?


p{
   margin: 5px 0px 5px 0px;
   padding: 0;
}
#float_left{
   float: left;
}
#float_right{
   float: right;
}

<div id="conteneur">

   <p>bonjour</p>
   <p>argaerg ert ra</p>

   <div id="float_left">
   <div id="float_right">
   <div style"clear: both;">



Merci
Modifié par bensti2 (15 Mar 2006 - 20:40)
Administrateur
Hello,

A vue d'oeil, il s'agit du problème classique de "fusion de marges" (faire une recherche sur le forum car le sujet a été maintes fois débattu).

Bonne chance Smiley cligne
Merci Raph
je vais me répondre....

X-04- La fusion des marges


Nous avons déjà rencontré ce phénomène :

en HTML pur et dur. Un paragraphe P, par exemple, est précédé et suivi d'une ligne blanche. Mais lorsque deux paragraphes P se succèdent, ils sont séparés par une seule ligne blanche (et non par deux) ;
lorsque deux boîtes de type "bloc" se suivent, et qu'elles sont toutes deux dotées de marges externes hautes et basses (chap. III, § 4). La distance entre deux boîtes successives n'est pas égale à la somme de ces marges externes, mais à la plus grande des deux.