Gros prob'

**ThitoO** · 24/01/2005, 17h39

J'ai remanier mon site afin de supprimer le tableau. J'ai donc remplacer les <td><tr><th><etc ..... par des <div>

Jusque la pas de probleme mais

...
Je n'arrive pas a centrer !!!
voici mon code: (pour l'index)

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
27
28
29
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<title>.: Bienvenue sur le site web des serial riders :.</title>
</head>
<body><div class="contenu">
					 <div class="haut"></div>		 
					 <div class="menu"><img src="images/menu.gif" border="0" usemap="#Map">
              <map name="Map">
                <area shape="rect" coords="189,98,311,121" href="randos.htm">
                <area shape="rect" coords="323,98,433,120" href="bikes.htm">
                <area shape="rect" coords="447,100,564,120" href="nous.htm">
                <area shape="rect" coords="577,99,697,120" href="psychos.htm">
							</map>
					 </div>
					 <div class="centre"><br><br><p>
			Bonjour et bienvenue sur le nouveau site web des serial riders. Ce site a été creer en parti grace
		 aux proprieté CSS et aux Div. Il n'y a pas de tableaux. Si vous avez des commentaires à faire à propos
		  de ce site merci de me les envoyer par mail. Antoine_blanchet_79@hotmail.com<br><br><p class="signature">
			.: Merci de votre participation :.</p></p>
			<img src="images/news.gif">
			<p>Nouveau Vtt !!!!! youpi: <br><br><div align="center"><img src="images/8.1.gif"></div><p class="signature">"on the road again" ®</p></p></div>
					 <div class="sol"></div>
					 <div class="bas"></div>
			</div>			
</body>
</html>

et voila ma CSS:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
/* CSS Document */
 
.menu
{
width: 750px;
height: 128px;
background-color: 1B1636;
}
.centre
{
width: 750px;
height: 100%;
background-color: 1B1636;
}
p
{
font-size: small;
color: "#B4AFD4";
font: bold;
text-indent: 30px;
}
.signature
{
font-size: small;
color: "#B4AFD4";
font: bold;
text-align: center;
}
.sol
{
width: 750px;
height: 30px;
background-image: url(images/design.gif);
}
.haut
{
width: 750px;
height: 50px;
background-image: url(images/haut.gif);
}
.bas
{
width: 750px;
height: 50px;
background-image: url(images/bas.gif);
}
body
{
background-color: #000000;
}
.contenu
{
 margin-left: auto;
 margin-top: auto;
 width: 750px;
}

Comme vous le voyez le class="contenu" ne marche pas car avec les proprieté qu'il a il devrait me centrer la page !!

.: Merci d'avance :. .: Aidez moi j'ai passer 3h dessus en tournant en rond

:.

**ThitoO** · 24/01/2005, 17h41

et j'oubliai:

pour voir le resultat: Mon site

.: Merci :.

**piff62** · 24/01/2005, 17h42

Sur quel browser travaille tu ?

Code :

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

1
2
3
4
5
6
7
8
 
.contenu
{
 margin-left: auto;
 margin-top: auto;
margin-right:auto; // essais avec cette ligne en +
 width: 750px;
}

**mathieu** · 24/01/2005, 17h43

une toute petite erreur d'inattention :
ce n'est pas "margin-top " mais "margin-right"

**ThitoO** · 24/01/2005, 18h38

ok merci je vais essayer

**ThitoO** · 24/01/2005, 18h45

Code :

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

1
2
3
4
5
6
7
contenu 
{ 
 margin-left: auto; 
 margin-top: auto; 
margin-right:auto;  
 width: 750px; 
}

dsl mais sa marche pas

et idem pour margin-right: auto;

c'est quand meme tres bizard !!

**ThitoO** · 24/01/2005, 18h46

au fait je bosse sur Crazy Browser (il a les memes possibilités que IE)

**ThitoO** · 24/01/2005, 19h03

je suis tro con.

Il faut mettre ceci:

Code :

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

<div class="contenu" align="center">...</div>

Et sa marche

ralalalalala

**mathieu** · 25/01/2005, 08h48

Envoyé par ThitoO

au fait je bosse sur Crazy Browser (il a les memes possibilités que IE)

ah !
comme IE ne connais pas "margin : auto" forcement ca ne peut pas fonctionner

merci de cliquer sur

(en bas de la page à gauche)

Gros prob'

CSS

Vue hybride

Discussions similaires

Partager

Partager