Discussion :

[Mangacker]

bonjour apres avoir cherché un bon bout de temps, (meme mon prof ne savait pas) eh ben j'ai rien trouvé...

j'aimerai pouvoir centrer mon texte à l'intérieur d'une balise div
j'ai trouvé quelques solutions sur internet mais aucune ne fonctionne vraiment car soit ça pêche sous IE soit sous Firefox soit pour la validation


donc si quelqu'un a une solution je suis preneur...


a++
Mangacker

[4R416N33]

Pour un objet qui fait 100px de hauteur. (Si autre hauteur, remplacer le 50px par hauteur/2)

Code css :

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

1
2
3
4
5
6
 
maClasse{
    position:absolute;
    top:50%;
    margin-top:-50px;
}

[Mangacker]

Pour un objet qui fait 100px de hauteur. (Si autre hauteur, remplacer le 50px par hauteur/2)

Code css :

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

1
2
3
4
5
6
 
maClasse{
    position:absolute;
    top:50%;
    margin-top:-50px;
}

merci mais j'ai pas pensé à préciser
c'est en fait pour un menu qui est fixe (qui reste affiché peu importe si on scroll en bas)
j'ai donc utilisé position:fixed; ce qui fait que je ne peux pas utiliser ce code

Code html :

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

1
2
3
4
5
 
<!--  retour en haut -->
<div id="retourenhaut">
<p><a href="#">Retour en haut</a></p>
</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
 
#retourenhaut
{
padding: 10px;
border: 1px white solid;
background-image:url(../img/transparent.png) !important;
text-align: center;
border: 2px black solid;
margin-left: -23%;
margin-top: -17.5%;
width:20%;
height: 85.5%;
position:fixed;
}

voila maintenant vous savez tout

[nickoeuh]

Il me semble que line-height permet de centrer verticalement.
J'ai souvent fait mes boutons ainsi.
Un hauteur de 30px, un line-height de 30px me centrait le texte verticalement.
A essayer et confimer si ça fonctionne pour tout.

[4R416N33]

attention à fixed qui n'est pas pris en charge par IE

mais si tu veux rester sur ton fixed, rien ne t'empeche de créer un div à l'intérieur de ton fixed de largeur et hauteur 100% dans lequel tu joueras avec les position absolute !!!

[Mangacker]

la fonction line height ne permet que de centrer une seule ligne

mais je vais essayer de mettre deux div et je vous redis

[Mangacker]

merci les gars j'ai réussi à bidouiller quelque chose avec tout ça et le mieux c'est que fixed est pris en charge par la version 7 de IE
je dois dire que c'est pas trop tot MS commence à se réveiller on dirait...

[seb92400]

merci les gars j'ai réussi à bidouiller quelque chose avec tout ça et le mieux c'est que fixed est pris en charge par la version 7 de IE
je dois dire que c'est pas trop tot MS commence à se réveiller on dirait...

Hello

Peux-tu indiquer ta solution ?

Merci d'avance.