Aligner div sans déplacement.

**Jonathan.Harvey** · 18/08/2009, 17h08

Bonjour,

J'ai un léger détail dont je n'ai pas trouvé de solutions avec la fonction recherche.

Je désire aligner horizontalement 2 Div...

J'ai utilisé

.css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
#logo{
background-color:red;
width:300px;
height:300px;
float:left;
}
#connexion{
background-color:blue;
width:300px;
height:300px;
float:left;
}

test.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
 
<html>
<head> 
   <link rel="stylesheet"  
		    type="text/css" 	  
		    href="fichier.css"/>
</head> 
<body>
	<div id="entete">
		<div id="logo">
		A
		</div>
		<div id="connexion">
		B
		</div>
	</div>
	<!--
	<div id="corps">
		<div id="menu">
		C
		</div>
		<div id="contenu">
		D
		</div>
	</div>
	<div id="aPropos">
	E
	</div>
	!-->
</body>
</html>

L'alignement se fait bien , le petit hic c'est que lorsque je rapettise ma fenêtre, la div de droite descend en bas et se place sous ma div de gauche.

Bref , j'essaie de faire en sorte que mes div ne bougent pas ou ne changent pas qu'importe la taille de la fenêtre..

J'ai pensé qu'en mettant mes 2 div dans une plus grande div , la div ne réagirais pas de cette façon , mais il semble que oui ....

Y a t'il une solution simple à mon problème ?

En vous remerciant !

**12monkeys** · 18/08/2009, 19h47

Bonsoir

Il suffit de donner une largeur fixe à ton div id="entete"...

**Jonathan.Harvey** · 19/08/2009, 14h52

Merci bien !

Aligner div sans déplacement.

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager