Discussion :

[El_Mhaf]

Bonjour,

J'ai un probléme avec le positionnement du contenu d'un div qui est fixe de taille en horizontal ainsi qu'en vertical, mais jarrive pas a centrer le contenu par rapport a la hauteur.

Voici mon code:

Code html :

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
/****************html non center suivant la hauteur ******************/
<div id="contentMainGlobalDescribe">
 
<div id="contentMainGlobalDescribeTitle"> A new Point of View, 
the same old Reliability.   </div>
<div id="contentMainGlobalDescribeText">Sophisticated and accurate in every single detail, the Geosat 6 is a composite of Italian design and state of the art technology. The Geosat 6 is the result of AvMap's decennial experience in designing and developing GPS solutions. To all this add a small detail, a big idea: the luxury of being able to choose, thanks to the double visualization option.
</div>
<div id="contentMainGlobalDescribeLearn"><a >Learn More</a></div>
 
</div>
/****************2éme html bien centrer  center suivant la hauteur ******************/
<div id="contentMainGlobalDescribe">
 
<div id="contentMainGlobalDescribeTitle"> A new Point of View, 
the same old Reliability.   </div>
<div id="contentMainGlobalDescribeText">Sophisticated and accurate in every single detail, the Geosat 6 is a composite of Italian design and state of the art technology. The Geosat 6 is the result of AvMap's decennial experience in designing and developing GPS solutions. To all this add a small detail, a big idea: the luxury of being able to choose, thanks to the double visualization option.
</div>
<div id="contentMainGlobalDescribeLearn"><a >Learn More</a></div>
 
</div>

Code css :

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

1
2
3
4
5
6
/****************css******************/
div#contentMainGlobalDescribe{ width:201px; height:233px; float:left; padding-left:11px; margin-top:7px;}
div#contentMainGlobalDescribeTitle{ color:#6091C1; font-family:"Arial"; font-size:14px; font-weight:bold;}
div#contentMainGlobalDescribeText{ color:#333333; font-family:"Arial"; font-size:12px; padding-top:14px;}
div#contentMainGlobalDescribeLearn{ color:#6091C1; font-family:"Arial"; font-size:14px; padding-top:14px;}
/****************************************/

Merci d'avance de voide aide

[Macmillenium]

Bonjour,

2 remarques :
- En html les commentaires se déclarent de cette manière : <!--commentaire--> et non pas /**commentaire**/.
- Tu utilise plusieurs fois la même id or une id est unique. Utilise plutôt des classes.

Pour ton problème :
- La seule propriété css qui permet le positionnement verticale est vertical-align qui ne s'applique qu'aux éléments de type inline.
Cependant, pour aligner verticalement le conteneur de ton texte tu peut utiliser par exemple un padding-top.