probleme de margin

**samsso2005** · 31/03/2006, 10h15

salut à tous.
j'utilise le code suivant

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
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.

**Sayrus** · 31/03/2006, 11h49

Si c'est pour centrer ta page, du moins son cadre, un simple margin: auto; devrait suffir

**samsso2005** · 31/03/2006, 12h12

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

**ilood** · 31/03/2006, 12h21

Salut

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

Code :

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

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>

probleme de margin

HTML

Discussions similaires

Partager

Partager