margin

**Anduriel** · 15/01/2006, 19h07

Salut,

J'ai un div dans lequel j'ai mis margin: auto comme propriété. Comme ça il se place au milieu en horizontalité, mais pas en verticalité. Comment faire?
Merci

**Trunks** · 15/01/2006, 19h35

Voici un exemple:

Code :

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

1
2
3
4
5
6
7
8
9
10
#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 400px;
     margin-top: -200px; /* moitié de la hauteur */
     margin-left: -350px; /* moitié de la largeur */
     border: 1px solid #000;
     }

**Anduriel** · 15/01/2006, 20h30

Merci je n'ai plus de problème pour ça.
J'en ai un autre: Avec Mozilla, le contenu de mon div est centré avec ce code:

Code :

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

1
2
3
4
5
6
div.centre {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	text-align: center;
}

Mais sous IE, mon cadre est collé à gauche. Comment modifier ça?
Merci

**Trunks** · 15/01/2006, 20h45

IE interprètre le CSS à sa façon, c'est-à-dire mal. Cependant en précisant le bon DOCTYPE, ça devrait résoudre pas mal de problèmes, dont le tien. Voici ce que tu dois mettre :

XHTML transitional :

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

XHTML strict :

Code :

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

1
2
<!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="fr" lang="fr">

**Anduriel** · 15/01/2006, 21h33

OO génial

Une question: quelle est la différence entre Transitional et Strict?
Donc EI interprete le css comme Mozilla? (oui d'après ce que j'ai vu)

Merci

**Trunks** · 15/01/2006, 21h56

La différence réside dans la souplesse du code. Le transitionnal est fait pour ceux qui programmaient en HTML 4.01 et veulent passer au XHTML. Ce n'est pas toujours facile, car le XHTML est strict, du genre on écrit <br /> et non plus <br> ou checked="checked" et non plus checked tout seul. Dans le XHTML strict, les iframe sont également interdits, ... Bref, pour passer en XHTML strict, un langage intermédiaire a été créé pour permettre une certaine souplesse.

Voila, j'espère avoir répondu à tes questions. Merci de cocher 'Résolu'.

**Anduriel** · 15/01/2006, 22h23

J'ai besoin de Iframe donc en utilisant le transitional c'est bon?
Après c'est résolu, promis

**Trunks** · 15/01/2006, 22h38

C'est également le cas pour mon site, sur cette page, j'ai choisi transitional, pour les autres strict. Voila, voila

margin

HTML

Discussions similaires

Partager

Partager