Discussion :

[k-koo]

Bonjour,
alors oui je sais cest un probleme bateau, mais vraiment là je vois pas ce qui cloche ...
Petit resumé : un div principal qui contient 2 autres div, un que je veux laisser a gauche, et l'autre qu'il suive sur sa droite (a la meme hauteur bien sur)
voici mon code HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="page">
<div id="cases">
   <h2>Fiche descriptive du dossier</h2>
   <div id="casetable">
      <div class="case">
         <div class="info"><ul>
            <li><h3>Prenom : </h3>Wsgphfr&nbsp;</li>
            <li><h3>Date de Naissance : </h3>1985-10-26&nbsp;</li>
         </ul></div>
      </div>
   </div>
</div>
<div id="reloc">
   <h2>Relocalisation</h2>
   <div id="search">
      <ul id="labels">
         <li>Localisations :</li>
      </ul>
      <form id="searchform" method="get" action="reloc.php">
         <input name="caseid" value="10" type="hidden">
         <ul id="inputs">
            <li><select name="reloc" size="6">
               <option value="25">Aseopjbaxnhvydklcfuj</option>
               <option value="3">Bbqvcgdrvdialotai</option>
               <option value="14">Zzgvumlvcemiydwoybql</option>
            </select></li>
            <li><input value="Relocaliser" type="submit"></li>
         </ul>
      </form>
   </div>
</div>
</div>

et voici le css

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/* Page */
#page {
	padding: 20px 0px 0 25px;
}
 
/* Cases */
#cases {
	width: 300px;
}
 
/* Casetable */
#casetable .case {
	width: 300px;
	height: auto;
	float: left;
}
 
/* Case */
.case .info {
	background:transparent url(images/img09.gif) no-repeat right top;
}
 
.case ul {
	margin-left: 0px;
	padding: 20px 0px 0px 26px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
 
.case li  {
	background:transparent url(images/img11.gif) no-repeat scroll 5px 50%;
	padding-left:20px;
}
 
/* Reloc */
#reloc {
	width: 480px;
	margin-right: 150px;
	float: right;
}

Donc vous l'aurez remarquez j'utilise un float right pour le div "reloc", mais celui vient se placer sur la ligne en dessous de mon <h2> du div "cases"
Que doit je faire s'il vous plait pour les aligner comme il faut ?

[Palca]

Mets ton div flottant avant le normal dans ta page html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="page">
<div id="reloc">
   <h2>Relocalisation</h2>
   <div id="search">
      <ul id="labels">
         <li>Localisations :</li>
      </ul>
      <form id="searchform" method="get" action="reloc.php">
         <input name="caseid" value="10" type="hidden">
         <ul id="inputs">
            <li><select name="reloc" size="6">
               <option value="25">Aseopjbaxnhvydklcfuj</option>
               <option value="3">Bbqvcgdrvdialotai</option>
               <option value="14">Zzgvumlvcemiydwoybql</option>
            </select></li>
            <li><input value="Relocaliser" type="submit"></li>
         </ul>
      </form>
   </div>
</div>
<div id="cases">
   <h2>Fiche descriptive du dossier</h2>
   <div id="casetable">
      <div class="case">
         <div class="info"><ul>
            <li><h3>Prenom : </h3>Wsgphfr&nbsp;</li>
            <li><h3>Date de Naissance : </h3>1985-10-26&nbsp;</li>
         </ul></div>
      </div>
   </div>
</div>
</div>

Testé sous Firefox et IE6 ça fonctionne

[k-koo]

En effet ca marche !
Drole de resolution tout de meme ...
Merci