28173 sujets

CSS et mise en forme, CSS3

Nombres de float limité?

bonsoir,

jai un hic avec une petite image qui me sers de deco
jai 2 colonnes ds un conteneur
positionnées en float:left et float:right
et ma fameuse image se retrouve nimporte ou sauf ou je veux...

un brin de code :
<div class="centre">
<a name="contenu"></a>
<h1>:: Curriculum ::</h1>

	
<div class="gauche">
	
	<div class="myimage"></div><p>
	24 ans et toutes ses dents(enfin presque)
	</p>
</div>

	<div class="droite">
	<h2>Exp&eacute;riences</h2>
	<h2>Mes passions</h2>
	</div>
<div class="deco"></div>
	<hr />
</div>


et le css:

.centre{
margin-top:25px;
background-color:white;
background:url('images/bonom.jpg') no-repeat 90px 90%;
}
.droite{
padding-top:5px;
margin-top:10px;
background-color:white;
width:415px;
margin-left:270px;
border-left:2px solid blue;
padding-left:25px;
padding-right:5px;
padding-bottom:5px;
}
.gauche{
padding-top:5px;
margin-top:10px;
float:left;
width:250px;
background-color:white;
}
.pied{
background-color:white;
text-align:center;
margin-top:20px;
}
hr{
clear:both;
visibility: hidden;
}


c'est la div "deco" jai eu beau la mettre en float, relative etc... rien n'y fait du coup je me sers dun background, mais cest un peu plus lourd...
si vous avez une idee

pr voir en concret: upload/3501-Sanstitre.JPG

merci (si vous trouvez:p)
Il te suffit d'intégrer ta déco dans ta div gauche tout simplement.



...
</div>
   <div class="droite">
   <h2>Exp&eacute;riences</h2>
   <h2>Mes passions</h2>
   <div class="deco">
   </div>
   <hr />
</div>


Ensuite tu n'auras plus qu'à positionner ta déco par rapport à cette div la et non plus par rapport au conteneur.
le probleme cest que je n'arrive pas à adapter la hauteur de la div gauche pour qu'elle soit la meme que la div droite, qui n'a pas de taille definie...

je voudrai 2 colonnes de meme tailles ds lideal mais j'y arrive pas alors si des pro du css ont une idée... elle sera la bienvenue.
Administrateur
akapando a écrit :
je voudrai 2 colonnes de meme tailles ds lideal mais j'y arrive pas alors si des pro du css ont une idée... elle sera la bienvenue.

Toujours le même réflexe à avoir encore et encore : parcourir la FAQ

Tu y trouveras entre-autre la solution évoquée par neko, en français Smiley cligne
Ce problème est dû au fait qu'il manque un espace entre la parenthèse fermante et "no-repeat" :
.banniere{
height:172px;
width:732px;
background:url('http://www.pandoetlemonde.info/site2006/images/banniere.png'[#red])n[/#]o-repeat left top;
}
Sujet clos
Aller à