Comment centrer sous IE

**fourniey** · 06/02/2008, 18h27

Bonjour,

Ma page fonctionne très bien sous Firefox mais sous IE, elle n'est pas centrée.

Comment puis-je la centrer ?

Merci!

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
body {
background-color: #000033;
background-image:url(images/f1280.jpg);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0 auto;
padding: 0;
}
 
#conteneur {
position: relative;
width: 850px;
margin: 0 auto;
padding: 0;
}
 
#bloc {
padding-top: 110px;
height: 450px;
min-height: 360px;
}

**fourniey** · 06/02/2008, 18h41

text-align : center;
dans body règle le problème.

**Candygirl** · 06/02/2008, 19h08

Si IE ne centre pas avec le margin auto c'est qu'il est en mode quirk, donc que tu n'as pas de doctype correctement renseigné tout en haut de ta page (et sans déclaration xml pour IE6).

Le text-align center n'est utile que si tu veux assurer un centrage sur les version d'IE inférieures à la 6.

**fourniey** · 06/02/2008, 21h25

C'est la seule que j'ai:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

**Erwan31** · 07/02/2008, 00h57

Envoyé par fourniey

C'est la seule que j'ai:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Ben justement ça confirme ce qu'explique Candygirl.
Cette version du DTD HTML4.0 (transitionnal et incomplet) fait basculer les navigateurs récents en mode Quirks (mode non standard et plus permissif
qui favorise les implémentations propriétaires et par conséquent les différences de rendu...)
Mais attention ce n'est pas le cas des DTD HTML4 strict incomplets.

Donc remplacer par ceci:

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

Comment centrer sous IE

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager