Aligner div sans déplacement.
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:
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:
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 !