probleme de margin

Version imprimable

probleme de margin

salut à tous.
j'utilise le code suivant
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 #content { /*margin:0 auto;*/ width: 765px; margin-left:auto; margin-right:auto; padding:1%; } #content { font-family: "trebuchet ms", arial, verdana, sans-serif; background-color:white; } #content { border: solid black; border-width: 0 1px 1px 1px; } body { background-image:url(../../../../images/backgrou.png); /*background:url(backgrou.png);*/ color: black; margin:0; padding:0; }
le but est de centré le "content"
Sous opera j'obtiens le resultat souhaité mais sous explorer le content s'affiche à gauche.
Merci pour vos conseils avisés.

31/03/2006, 11h49
Sayrus

Si c'est pour centrer ta page, du moins son cadre, un simple margin: auto; devrait suffir
31/03/2006, 12h12
samsso2005

j'ai essayé ton conseil mais ma balise 'content' est tjs à gauche.

Salut

Le margin: 0 auto ne fonctionne sous IE qu'en présence d'un doctype.
Exemple avec un doctype html 4:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
...
<style type="text/css">
#content { margin:0 auto; width: 765px; margin-left:auto; margin-right:auto; padding:1%; }
</style>
</head>
 
<body>
<div id="content"></div>
</body>
</html>