Placer une div à droite

Résolu/Fermé
cayenne13 Messages postés 6 Date d'inscription mardi 21 décembre 2010 Statut Membre Dernière intervention 28 décembre 2010 - 28 déc. 2010 à 15:10
Zero_hp Messages postés 132 Date d'inscription lundi 13 décembre 2010 Statut Membre Dernière intervention 29 janvier 2011 - 28 déc. 2010 à 15:33
Bonjour, comme tjrs comment ça marche est mon dernier recour.

.j'ai 2 div dans le conteneur une à gauche est une au milieu.
.je veut en ajouté une à droite.... qui se nomme contenu-d
petit problème elle reste encré dans celle du milieu.......


HTML

<div id="contenu">
<div id="contenu-m"><br>
<img src="image/logo-selene.png" align="center"/> <a href="tirage-des- tarots.html"><img src="image/tirage_des_tarots.png" align="center"/></a> <a href="tirage-des-runes.html"><img src="image/tirage_des_runes.png" align="center"/></a>
</div> <!-- FIN DIV "contenu-m" -->
<div id="contenu-p"><br>
<div class="moduletable">
<p><span class="style1">Cher(e) ami(e),</span><br/>
<p>Votre <span class="style2">blablabla</span><br/>
</div> <!-- FIN DIV "contenu-p" -->
<div id="contenu-d">
<p>blablablabla</p>
<p>blablablabla</p>
</div>


CSS
#contenu-m{
float:left;
width:200px;
background:url(image/haut-img.png) repeat-y top left;
margin:0px;
margin-left:2px;
margin-top:-100px;
border:solid 2px #808080;

}
a img{
border:none;
}


#contenu-p{
width:640px;
background:url(image/contenu-p.png) repeat-y top left;
margin-left:228px;
margin-top:100px;
padding:3px;
border:solid 2px #808080;
text-align:justify;
font-size:12px;
color:#FFFFFF;
}

.style1{
font-size:25px;
font-style:bold;
}

.style2{
font-size:19px;
}

.style3{
font-size:20px;
font-style:bold;
}

#contenu-d{
width:200px;
background:url(image/haut-img1.png) repeat-y top center;
border:solid 2px #808080;
}

3 réponses

Zero_hp Messages postés 132 Date d'inscription lundi 13 décembre 2010 Statut Membre Dernière intervention 29 janvier 2011 17
28 déc. 2010 à 15:16
bonjour,

Alors c'est simple soit tu donne un flottement a toute tes div(gauche ou droite) ; soit tu les fait flotter de leur coté respectif (la div gauche flotte à gauche et la droite... à droite ^^).

Pour que ça marche il faut que les élément flottantes soient placé avant les élément fixe.
0
cayenne13 Messages postés 6 Date d'inscription mardi 21 décembre 2010 Statut Membre Dernière intervention 28 décembre 2010
28 déc. 2010 à 15:26
sa fonctionne nikel.. merçi
par contre je suis obligé de mettre un margin-top en -300px par exemple c normal?
0
Zero_hp Messages postés 132 Date d'inscription lundi 13 décembre 2010 Statut Membre Dernière intervention 29 janvier 2011 17
28 déc. 2010 à 15:33
euh non pas trop ><'
Il doit y avoir un chevauchement quelque par. Donne bien des largeur fixe a tes div sinon tu va jamais réussir a bien les maîtriser. Aide toi de Firefug ou des outils de développeur de chrome ^^
0