Margin-bottom ne fonctionne pas!!!
kimnormand
Messages postés
14
Statut
Membre
-
notobe Messages postés 2222 Statut Membre -
notobe Messages postés 2222 Statut Membre -
Bonjour,
J'ai une question concernant la propriété margin-bottom,
J'essaie de placer un div pour qu'il soit toujour au bas du conteneur et ca fonctionne pas! quand je mets margin-top, ca fontionne mais pas bottom.
Pouvez-vous m'aider svp
Je vous donne le css de mes deux div.
}
#container-gauche {
float: left;
background-image:url(images/menubg.jpg);
background-repeat: repeat-y;
width:322px;
height: 2000px;
margin-bottom: 0px;
}
# contenu-3 {
display:block;
marging-bottom: 8px;
width:200px;
height: 294px;
margin-left: 24px;
vertical-align:bottom;
background-color:#FFFFFF;
je vous remercie beaucoup!
J'ai une question concernant la propriété margin-bottom,
J'essaie de placer un div pour qu'il soit toujour au bas du conteneur et ca fonctionne pas! quand je mets margin-top, ca fontionne mais pas bottom.
Pouvez-vous m'aider svp
Je vous donne le css de mes deux div.
}
#container-gauche {
float: left;
background-image:url(images/menubg.jpg);
background-repeat: repeat-y;
width:322px;
height: 2000px;
margin-bottom: 0px;
}
# contenu-3 {
display:block;
marging-bottom: 8px;
width:200px;
height: 294px;
margin-left: 24px;
vertical-align:bottom;
background-color:#FFFFFF;
je vous remercie beaucoup!
5 réponses
Je soupçonne un phénomène de fusions de marges (tout à fait normal).
Il faudrait aussi le code html.
Il faudrait aussi le code html.
Bonjour!
Comment on fait pour corriger ce phénomène?
voici mon code html!
merci beaucoup
<body>
<div id="global">
<div id="entete">
<div id="vert-entete"></div>
<img src="images/tete.jpg" alt="Planet Argent"width="980" height="259"></div>
<div id="nav-haut">
<div class="img-menuhaut"><img src="images/menuhaut-img_d.jpg"alt=""width="184" height="67"></div>
<div id=menuhaut>
<ul>
<li><a href="index.htm">Accueil</a> </li>
<li><a href="aide.htm">Aide</a> </li>
<li><a href="contact.htm">Contact</a> </li>
</ul></div>
<div class="img-menuhaut"><img src="images/menuhaut-img_g2.jpg"alt=""width="406" height="67"></div>
</div>
<div id="droit">
<h1 class="tittle">Bienvenue sur mon site</h1>
<div class="contenu"><p> mon texte...</p>
</div>
<h2 class="tittle">Top 3</h2>
<div id="top3-top"></div>
<div id="top3-conteneur"></div>
<div id="top3-bottom"></div>
</div>
<div id="container-gauche">
<div id="menu-gagner">
<div class="titre-menu"><img src="images/menu-gagner.jpg" alt=""></div>
<ul>
<li><a href="barres-de-surf.htm">Barres de surf</a><li><a href="clics-remuneres.htm">Clics rémunérés</a><li><a href="mails-remuneres.htm">Mails rémunérés</a><li><a href="mails-remuneres.htm">Loteries gratuites</a><li><a href="autosurfs.htm">Autosurfs</a><li><a href="parainage.htm">Parainage</a></li>
</ul></div>
<div id="menu-partenaire">
<div class="titre-menu"><img src="images/menu-partenaire.jpg" alt="Partenaires"></div>
<ul>
<li><a href="http://www.planet-argent.com/">Partenaire 1</a><li><a href="http://www.planet-argent.com/">Partenaire 2</a><li><a href="http://www.planet-argent.com/">Partenaire 3</a><li><a href="http://www.planet-argent.com/">Partenaire 4</a><li>
</ul>
</div>
<div id="contenu-3">
<div id="img-cochon-top"> </div>
<div id="img-cochon"></div>
<div id="img-cochon-bottom"> </div>
</div>
</div>
<div class="stop_flottement"></div>
<div id="pied">
<img src="images/bandeau-bas.jpg" alt="bandeau bas">
<div id="pied-haut"></div>
<div id="pied-milieu"></div>
<div id="pied-img-d"></div>
<div id="pied-bas"></div>
<div id="pied-img-g"></div>
</div>
</div>
</body>
Comment on fait pour corriger ce phénomène?
voici mon code html!
merci beaucoup
<body>
<div id="global">
<div id="entete">
<div id="vert-entete"></div>
<img src="images/tete.jpg" alt="Planet Argent"width="980" height="259"></div>
<div id="nav-haut">
<div class="img-menuhaut"><img src="images/menuhaut-img_d.jpg"alt=""width="184" height="67"></div>
<div id=menuhaut>
<ul>
<li><a href="index.htm">Accueil</a> </li>
<li><a href="aide.htm">Aide</a> </li>
<li><a href="contact.htm">Contact</a> </li>
</ul></div>
<div class="img-menuhaut"><img src="images/menuhaut-img_g2.jpg"alt=""width="406" height="67"></div>
</div>
<div id="droit">
<h1 class="tittle">Bienvenue sur mon site</h1>
<div class="contenu"><p> mon texte...</p>
</div>
<h2 class="tittle">Top 3</h2>
<div id="top3-top"></div>
<div id="top3-conteneur"></div>
<div id="top3-bottom"></div>
</div>
<div id="container-gauche">
<div id="menu-gagner">
<div class="titre-menu"><img src="images/menu-gagner.jpg" alt=""></div>
<ul>
<li><a href="barres-de-surf.htm">Barres de surf</a><li><a href="clics-remuneres.htm">Clics rémunérés</a><li><a href="mails-remuneres.htm">Mails rémunérés</a><li><a href="mails-remuneres.htm">Loteries gratuites</a><li><a href="autosurfs.htm">Autosurfs</a><li><a href="parainage.htm">Parainage</a></li>
</ul></div>
<div id="menu-partenaire">
<div class="titre-menu"><img src="images/menu-partenaire.jpg" alt="Partenaires"></div>
<ul>
<li><a href="http://www.planet-argent.com/">Partenaire 1</a><li><a href="http://www.planet-argent.com/">Partenaire 2</a><li><a href="http://www.planet-argent.com/">Partenaire 3</a><li><a href="http://www.planet-argent.com/">Partenaire 4</a><li>
</ul>
</div>
<div id="contenu-3">
<div id="img-cochon-top"> </div>
<div id="img-cochon"></div>
<div id="img-cochon-bottom"> </div>
</div>
</div>
<div class="stop_flottement"></div>
<div id="pied">
<img src="images/bandeau-bas.jpg" alt="bandeau bas">
<div id="pied-haut"></div>
<div id="pied-milieu"></div>
<div id="pied-img-d"></div>
<div id="pied-bas"></div>
<div id="pied-img-g"></div>
</div>
</div>
</body>
Ouh la la... Trop de div tuent les div !
Ton code est rudement difficile à appréhender.
Tous ces blocs vides, ça donne le tournis.
Bon, cela dit : sous FF, la marge du bas est bien à zéro. C'est avec IE que ça ne colle pas.
As-tu fait un reset en début de CSS ?
Ton code est rudement difficile à appréhender.
Tous ces blocs vides, ça donne le tournis.
Bon, cela dit : sous FF, la marge du bas est bien à zéro. C'est avec IE que ça ne colle pas.
As-tu fait un reset en début de CSS ?
body, html {
margin:0;
padding:0
}
bonjour
oui je sais que j'ai une quantité épouvantable de div mais je suis très débutante dans le domaine
et j'essaie justement de remédier a ca mais je n'y arrive pas!
J'ai beaucoup de rectangle avec les coins arrondis qui de ce que je connais me prend 4 div!!! je sais c'est beaucoup!
et pour la réponse oui, j'ai margin:0; padding:0 dans body et ca ne change rien!
en tout cas merci beaucoup!
oui je sais que j'ai une quantité épouvantable de div mais je suis très débutante dans le domaine
et j'essaie justement de remédier a ca mais je n'y arrive pas!
J'ai beaucoup de rectangle avec les coins arrondis qui de ce que je connais me prend 4 div!!! je sais c'est beaucoup!
et pour la réponse oui, j'ai margin:0; padding:0 dans body et ca ne change rien!
en tout cas merci beaucoup!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question