Alignement vertical

qwertz1 · 26/08/2011, 15h21

Salut à tous,

voila j'ai mes div "C" et "E" qui actuellement n'ont pas de hauteur fixe (ou 11px chacun), pour lequel je souhaiterais supprimer (pour les 2) 1px en top et 1px en bottom

Possible? Si oui comment faire?

Merci d'avance pour vos info

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
 
#A {
	background-color: #FC6;
	font-family: "Lucida Grande";
	line-height: 13px;
	font-size: 9px;
	width: 300px;
	height: 23px;
}
#B {
	background-color: #6CF;
	float: left;
	width: 215px;
}
#C {
	background-color: #F6F;
	width: 215px;
}
#D {
	background-color: #FFF;
	height: 1px;
	width: 215px;
}
#E {
	background-color: #CCC;
	width: 215px;
}
</style>
</head>
 
<body>
<div id="A">
  <div id="B">
    <div id="C">CCCCC</div>
    <div id="D"></div>
    <div id="E">EEEEE</div>
   </div>
</div>

Auteur · 26/08/2011, 15h30

bonjour,

J'avoue ne pas avoir bien compris la problématique. Pour moi les div B et D sont inutiles car B est redondant avec A et D est vide.

J'ai fixé A à 24px et C et E à 12px.
Donc :

Code html :

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

1
2
3
4
<div id="A">
    <div id="C">CCCCC</div>
    <div id="E">EEEEE</div>
</div>

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
 
#A {
	background-color: #FC6;
	font-family: "Lucida Grande";
	line-height: 13px;
	font-size: 9px;
	width: 300px;
	height: 24px;
}
 
#C {
	background-color: #F6F;
	width: 215px;
	height: 12px;
}
 
#E {
	background-color: #CCC;
	width: 215px;
	height: 12px;
}

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email