Discussion :

[tiesto95]

Bonjour , j'ai un probléme avec une div qui veut pas se caller en haut a droite de mon header voici le code.
J'ai essayé avec un float left sur la class header ça marche pas aussi.
La div a droite ne se calle pas vers le haut.

voici le resultat que ça donne:

Code :

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

1
2
3
4
5
6
7
8
9
 
<div class="header">
     <div class="vide_header">
     </div>
     <div class="menu_haut">
     </div>
     <div class="connexion">
     </div>
</div>

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
 
.header{
width:950px;
height:100px;
}
 
.vide_header{
width:705px;
height:60px;
float:left;
}
 
.menu_haut{
width:705px;
height:40px;
float:left;
background-image:url('../image/header/menu.jpg');
}
 
.connexion{
width:200px;
height:100px;
float:right;
}

[Erwan31]

Bonsoir,
tu as principalement 2 solutions:
sois tu passes ton div connexion en premier enfant de son conteneur dans le code si l'ensemble reste cohérent avec les bloc mis dans cet ordre (ce qui est rarement le cas), sois tu imbriques tes 2 premiers bloc enfant dans une div flottante comme ceci:

Code :

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

1
2
3
4
	<div style="float:left;">
		<div class="vide_header"></div>
		<div class="menu_haut"></div>
	</div>

et tu supprimes le float des ces 2 div.