[Résolu] Probleme CSS - Margin non souhaité ! |
|
[Résolu] Probleme CSS - Margin non souhaité ! posté le : Lun 1 Sep - 20:55 | Yop ! Woila je suis en train de faire des ptits tests et je tombe direct sur une colle. Voici le code suspect et ses méfaits ! - Code:
-
<style type="text/css"> .container { width: 500px; height: 200px; background: #CCC; } .bulle { width: 200px; margin: 40px auto; padding: 20px;
background: #FFF; } </style> <div class="container"> <div class="bulle"> Salut toi comment vas-tu ? </div> </div> Ce qui donne : Salut toi comment vas-tu ? Le margin est appliqué sur .container et non sur .bulle et je ne sais absolument pas pourquoi :/ Et grâce à Pyphi on a remarqué que si on rajoutait une bordure, le probleme se réglait. Saurez vous trouver l'erreur ? A vous de jouer ;D |
| Hisakki Codeur UltrActif |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Lun 1 Sep - 22:05 | Aahhhh Hisakki de retour !
Je m'occupe de ton probleme demain soir, une fois la rentrée passée ! |
| Eluknow Administrateur |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Lun 1 Sep - 22:52 | Eheh ~ Re l'ami ! :3 Je suis impatient de voir comment tu vas résoudre ce problème ^.^ Sur ce je te souhaite une bonne rentrée pour demain |
| Hisakki Codeur UltrActif |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Mer 3 Sep - 19:28 | Coucou Bon, je cherche, je cherche, mais je t'avoue qu'effectivement, c'est bizarre. Pour l'instant, peut être une piste, mais je suis pas au bout de mes recherches ! |
| Eluknow Administrateur |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Mer 3 Sep - 19:49 | Fufu quelque par ça me réconforte de savoir que pour toi aussi c'est pas normal x3 Impatient de voir le bout de tes recherches fufu ~ |
| Hisakki Codeur UltrActif |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Sam 6 Sep - 19:27 | En fait, si c'est normal :p. Regarde de nouveau ton premier post dans ce sujet : problème résolu, et sans bordure :p. Je t'explique ? |
| Eluknow Administrateur |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Sam 6 Sep - 20:53 | Ouaip je ne dis pas non pour une tite explication ;3 Ca pourra toujours être intéressant pour les personnes qui pourraient avoir ce "problème".
En tout cas GG a toi ;3 |
| Hisakki Codeur UltrActif |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Dim 7 Sep - 13:57 | Qu'est-ce que t'as changé pour que ce soit comme ça ? 0w0 |
| pyphilia Codeur VeryActif |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Dim 7 Sep - 21:49 | Coucou En fait, c'est ce qu'on appelle une fusion de marge. La façon de régler cela est soit : -de mettre une bordure sur l'élément enfant -de mettre un padding vertical sur l'élément parent -de mettre en inline-block l'élément parent Voici le lien officiel concernant les fusions de marge : http://www.w3.org/TR/CSS21/box.html#collapsing-marginsVoilà donc tout le soucis ! |
| Eluknow Administrateur |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Dim 7 Sep - 22:26 | Merci bien pour l'explication des plus intéressantes :3
|
| Hisakki Codeur UltrActif |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Mar 9 Sep - 22:12 | Puis-je archiver ou je laisse quelques jours pour Pyphi' ? |
| Eluknow Administrateur |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : Mer 10 Sep - 18:23 | Pas de souci j'ai lu merci ^^ |
| pyphilia Codeur VeryActif |
|
Re: [Résolu] Probleme CSS - Margin non souhaité ! posté le : | |
| |
|