Bonjour,

J'ai 4 div les 1 sous les autres et j'aimerai placer un autre qui prend toute la hauteur totale des ces div sur la droite.

<div class="ContainHaut">
 

  <div class="Style1">Mon div à mettre à droite</div>

 <div id="1">Ici l'image ombre du haut</div>

  <div id="2"><a href="index.php"><img src="images/haut_accueil-b0.jpg" name="accueil" border="0"></a></div>

  <div id="3"> 
          <form action=recherche.php>
           <input type="text" name="clef" size="20" value="" style='vertical-align:top'> 
           
           <input type="image" border="0" name="recherche" src="images/haut_ok.jpg">
         <a href="recherche.php"></a><a href="recherche_avancee.php"></a>
			</form>
</div>
  <div id="4"><img src="images/haut_ombrage-menu.jpg" width="758" height="5"></div>
</div>

le css :
.ContainHaut {
background-color:#000;
width:756px;
margin: 0 auto;
}
#1{
float: left;
width:575px;
background-image:images/haut_degrade-noir.jpg;
background-repeat:no-repeat;
}

#2{
float:left;
width:289px;
height:65px;
}
#3{
padding-top:5px;
height:30px;
text-align:right;
background-color:#6D7DB1;
width:575px;
}

#4{
width:575px;
}

#adroite{
height:100px;
width:181px;
float:right;
}

Bon ça fonctionne sauf que quand je mets du texte, ça dépasse de la taille de la boite....
Smiley bawling Smiley bawling
comment faire ?
Merci
Bonjour,

Les noms de classes et d'identifiants (valeurs des attributs HTML class et id) ne doivent pas commencer par un chiffre. On pourra donc avoir:
<p class="p1">...</p>
<p class="p2">...</p>
<p class="p3">...</p>
mais pas
<p class="1">...</p>
<p class="2">...</p>
<p class="3">...</p>


Pour le «ça dépasse de la taille de la boite», c'est probablement un problème de dépassement des flottants.
La FAQ du forum en parle. L'article suivant également:
http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html
merci, mais les numéros c'était pour l'exemple... le vrai problème est le dépassement de la boite
je lui donne une taille fixe, mais n'en tiens pas compte !
merci
maysa a écrit :
merci, mais les numéros c'était pour l'exemple... le vrai problème est le dépassement de la boite

Et donc, qu'est-ce que ça donne en travaillant le dépassement des flottants?
eh bien après une bonne nuit de sommeil, mon div a accepté les dimensions que je lui ai donné.. Smiley smile

Merci