Centrage qui fait sa vie au gres du vent ^^

**M_Patate** · 08/02/2013, 19h01

Bonjour ,

Je vous explique mon problème Je voudrais ma galerie photo en plein milieu de l’écran centrer sur l horizontal et la vertical . J'ai déjà fais des recherches et demander de l'aide mais rien n'y fait . donc j'ai quand même réussi a avancer mais mon problème est le suivant sous

( voici mon site avant pour voir ^^ http://flower.freeheberg.com/home.html )

chrome ca marche .
Safari aussi ca marche

Mais sous firefox alors ça ne marche pas
Sous opéra ne marche pas non plus pareil que firefox

Sous explorer c'est milieu mais a gauche

donc ceci est bien Étrange ? comment cela ce fais t'il ?

Peut on résoudre ce problème ?

Merci de l'aide

**NoSmoking** · 11/02/2013, 13h58

Bonjour,
première chose vire tes FRAMEs

En considérant ce code CSS

Code css :

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

1
2
3
4
5
6
#cent {
    margin: -250px auto 0;
    position: relative;
    top: 50%;
    width: 900px;
}

il te faut également préciser une hauteur.

exemple en utilisant les marges négatives

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[Marges négatives]</title>
<style>
#content{
  position:absolute;
  height:500px;
  width:600px;
  background-color:#DDF;
  left:50%;
  margin-left:-300px; /* demi largeur */
  top:50%;
  margin-top:-250px;  /* demi hauteur */
}
</style>
</head>
<body>
  <div id ="content"></div>
</body>
</html>

Centrage qui fait sa vie au gres du vent ^^

HTML

Discussions similaires

Partager

Partager