Centrer verticalement
Résolu
mayrone
Messages postés
7
Statut
Membre
-
mayrone Messages postés 7 Statut Membre -
mayrone Messages postés 7 Statut Membre -
Bonjour,
je suis un peu perdue pour centrer verticalement ma div contenu qui a une hauteur fixe.
Pouvez-vous m'aider?
Merci beaucoup par avance ;-)
je suis un peu perdue pour centrer verticalement ma div contenu qui a une hauteur fixe.
Pouvez-vous m'aider?
Merci beaucoup par avance ;-)
A voir également:
- Indesign centrer texte verticalement
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Surligner texte indesign ✓ - Forum InDesign
- Formule excel si contient texte alors texte ✓ - Forum Excel
5 réponses
Salut
voila une solution a adapter a tes dimensions !
a+
voila une solution a adapter a tes dimensions !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>
RAD ZONE Webcreation
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
body {
margin: 0; /* pour éviter les marges */
}
#centre {
position:absolute;
top: 50%; /* decale le haut de la div au milieu de la page */
height: 400px;
margin-top: -200px; /* moitié de la hauteur en negatif pour la recentrer*/
widht:50px;
}
/*]]>*/
</style>
</head>
<body>
<div id="centre">
</div>
</body>
</html>
a+
merci mais je ne peux mettre ma div en absolute car elle est centrée déjà.
voici ma page:
http://embann.com/index.html
voici ma page:
http://embann.com/index.html
Salut
alors change ta CSS comme ca , si c est bien la div contenu que tu veux centrer ?
de cette maniere il sera toujours centre horizontalement et verticalement !
a+
alors change ta CSS comme ca , si c est bien la div contenu que tu veux centrer ?
de cette maniere il sera toujours centre horizontalement et verticalement !
#contenu {
position: absolute;
height: 500px;
width: 542px;
left: 50%;
top: 50%;
margin-top: -250px;
margin-left: -271px;
}
a+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question