Sujet Précédent Sujet Suivant

Centrer une page HTML

Fermé
@xi@g@me Messages postés 68 Date d'inscription lundi 2 juin 2008 Statut Membre Dernière intervention 25 septembre 2018 - 5 août 2008 à 19:00
@xi@g@me Messages postés 68 Date d'inscription lundi 2 juin 2008 Statut Membre Dernière intervention 25 septembre 2018 - 6 nov. 2008 à 23:31
Bonjour,
je suis en train de développer un site perso, et j'ai commencé la validation par le W3C
chacune de mes pages voit son contenu entièrement centré, et pour cela j'utilise une balise HTML (pages de taille 1024 pixels en longueur) qui est <center>
malheureusement, il semble que cette balise ne plaise pas a W3C pour le XHTML 1.0 :

voici ce qu'il me dit 
Validation Output:  1 Error

   1. Error Line 11, Column 10: element "center" undefined.

      <p><center>

      &#9993;

      You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:
          * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),
          * by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).
          * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).



j'ai essayé de faire un text-align : center dans mon CSS pour la balise body, mais cela ne marche pas. une idée?

merci à tous
A voir également:

6 réponses

Réponse 1 / 6
max_batteur_fou Messages postés 39 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 21 avril 2009 5
5 août 2008 à 19:06
J'ai également été confronté à ce genre de problème lors de mon projet de fin d'année.
Nous n'avons pas cherché la complication en laissant les balises <center></center> mais après réfléxion il est surement possible de faire un tableau.
A gauche une cellule vide a droite une cellule vide et au centre une cellule qui contient toute la page web. Tu fixe la taille totale de ce tableau à 100% (width) et la cellule du milieu tu lui met une largeur "en dur" par exemple width = 200px; 
-------------------------
|    | contenu     |    |
|    |             |    |
|    |             |    |
|    |             |    |
-------------------------


Je n'ai absolument pas testé donc je sais pas du tout si ça marche mais on avait pensé à ça donc si ça peut t'aider ....
Bonne soirée.
0
Réponse 2 / 6
@xi@g@me Messages postés 68 Date d'inscription lundi 2 juin 2008 Statut Membre Dernière intervention 25 septembre 2018 4
6 août 2008 à 16:46
je vais essayer cette technique je te tiens au courant si ca marche merci
0
Réponse 3 / 6
gryzzly Messages postés 4608 Date d'inscription lundi 7 novembre 2005 Statut Contributeur Dernière intervention 24 octobre 2020 1 334
6 août 2008 à 16:50
arf. beurk. 

<div id="centre">
    Contenu ici ....
</div>

#centre{
margin: 0 auto;
}


--
PS : largeur de 1024px = se retrouver avec une barre de navigation horizontale sur une résolution 1024x768 !!
--> 990px maxi.
0
Réponse 4 / 6
@xi@g@me Messages postés 68 Date d'inscription lundi 2 juin 2008 Statut Membre Dernière intervention 25 septembre 2018 4
8 août 2008 à 01:34
salut gryzzly et merci, je vais tester ta solution et si elle ne marche pas (j'en doute tu as l'air sûr de toi et de connaître le problème comme ta poche) je ferai avec celle de MBF.
Je te tiens au courant


PS : 990 c'est pas un peu juste pour une largeur de page?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
max_batteur_fou Messages postés 39 Date d'inscription mardi 5 août 2008 Statut Membre Dernière intervention 21 avril 2009 5
8 août 2008 à 04:37
On avait déjà essayé tout un tas de choses pour essayer de centrer une page ... je ne me rappel pas avoir testé ta solution gryzzly.
En tout cas merci du tuyaux si ça marche :)
0
Réponse 6 / 6
@xi@g@me Messages postés 68 Date d'inscription lundi 2 juin 2008 Statut Membre Dernière intervention 25 septembre 2018 4
6 nov. 2008 à 23:31
salut!
j'ai enfin pu m'attaquer à nouveau au site(problèmes de temps), mais malheureusement ca ne marche toujours pas...


j'ai ceci dans ma page php 
<?php header('Content-type: text/html; charset=utf-8'); session_start(); include('core.php')?>
<!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" lang="en" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>@xi@g@me studios</title>
	<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script src="core.js" type="text/javascript"></script>
</head>
<body id='main'>
<p id='centre'>
	<img src='images/logo.gif' alt='@xi@g@me studios'/>
	<br/><br/><br/><br/><br/>
	<div id='tabMain'>
		<br/>
		[ choisissez votre langue | choose your language ]
		<br/><br/><br/>
		<table>
			<tr>
				<td>
					<a href='french/home.php'><img style='border : 1px solid black' src='images/francais.gif' alt='francais'/></a>
				</td>
				<td>
					&nbsp;&nbsp;&nbsp;&nbsp;
				</td>
				<td>
					<a href='english/home.php'><img style='border : 1px solid black' src='images/english.gif' alt='english'/></a>
				</td>
			</tr>
		</table>
		<br/>
		&#26085;&#26412;&#35486;&#12391;&#12399;&#12289;&#20170;&#12391;&#12365;&#12414;&#12379;&#12435;&#12290;&#12418;&#12358;&#26283;&#12367;&#12362;&#24453;&#12385;&#12367;&#12384;&#12373;&#12356;&#12290;
		<br/>
		<br/>
	</div>
<p id='centre'>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS Valide !" />
</a>
</p>
</p>
</body>
</html>


et bien ceci dans mon CSS (une partie seulement du CSS): 

#centre
{
	margin : 0 auto;
}


le résultat ici :
http://y-boss.b3dgs.com

comme vous le constatez, cela ne marche toujours pas... :S
vous avez une idée?
merci d'avance
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Instagram "Désolé, une erreur s'est produite"
bananamilk -
cedric.masdeb -

60 réponses