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!
Configuration: Windows XP Internet Explorer 7.0
5 réponses
-
Je soupçonne un phénomène de fusions de marges (tout à fait normal).
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> -
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 ?
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! -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Il y a sûrement des propriétés contradictoire dans ta CSS.
Peut-on avoir le CSS au complet ?
Question subsidiaire : quel est le doctype déclaré ?
