3 div cote a cote horizontaux

**juju03** · 15/08/2008, 15h37

Bonjour,

j´aimerai obtenir un bandeau que je crée par un premier div.
J´aimerai ensuite obtenir 3 blocs cote a cote dans ce div.
J´ai pensé a 3 div, le probleme est qu´a chaque changement de div, une ligne est sautee automatiquement et donc le texte entre les 3 blocs n´est pas au meme niveau...

Y a-t-il mieux a faire que des divs, ou bien me manque-t-il the ligne dans le code css ?

Merci !!

Ju

**Hightuxdotnet** · 15/08/2008, 16h53

Poste le code CSS mais avec un attribut "position: absolute;" ca devrai fonctionner.

Nico

**c_s_s** · 15/08/2008, 17h33

Bonjour,

Personnellement, j'utiliserais plutôt la propriété float.

**juju03** · 15/08/2008, 21h46

merci pour vos premieres reponses

Mais ca ne sembble pas marcher.... malheureusement

Mon code css :

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
 
#bandeau
{
	margin-left: 149px;
	width: 797px;
	background-color: #6bbdb7;
	border-left: 3px solid #409e9d;
}
#gauche
{
	width: 200px;
	float: left;
 
}
#milieu
{
	width: 200px;
}
#droite
{
	width: 300px;
	float: right;
}

Un grand merci !

**c_s_s** · 15/08/2008, 23h38

Peux-tu mettre ton code HTML aussi ?

Sinon, ton bandeau fait 797px de large, mais la somme de tes blocs gauche + milieu + droite ne fait que 700px.
Ils sont où les 97px restant ?

**mama07** · 16/08/2008, 15h25

En mettant les trois div en float:left; ca devrait fonctionner normalement

**sniperdc** · 26/11/2013, 15h41

Merci pour le dernier post qui a tout débloqué
Ci dessous le code complet et fonctionnel.

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
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div Flotante</title>
<style> 
#bandeau
{
	margin-left: 149px;
	width: 797px;
	background-color: #6bbdb7;
	border-left: 3px solid #409e9d;
}
#gauche
{
	background-color:#F00;
	width: 200px;
	float: left;
 
}
#milieu
{
	background-color:#FF0;
	width: 200px;
	float: left;
}
#droite
{
	background-color:#0F0;
	width: 200px;
	float: left;
}
</style>
</head>
 
<body>
<div id="bandeau">En tête</div>
<div id="gauche">Gauche</div>
<div id="milieu">Milieu</div>
<div id="droite">Droite</div>
</body>
</html>

**JefReb** · 26/11/2013, 18h43

Je trouve étrange que les 3 div gauche, milieu et droite soient à l'extérieur de la div bandeau.

Code html :

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

1
2
3
4
5
6
<body>
<div id="bandeau">En tête</div>
<div id="gauche">Gauche</div>
<div id="milieu">Milieu</div>
<div id="droite">Droite</div>
</body>

mais si ça marche ... bizard...

3 div cote a cote horizontaux

CSS

Discussions similaires

Partager

Partager