28172 sujets

CSS et mise en forme, CSS3

[Résolu] Probleme de code invisible

Bonsoir,

Je fais la refonte complète de mon site web. Je n'arrive pas à centrer les infos sur ma page malgré un code XHTML et CSS que je trouve correct.

Si une âme charitable pouvait vite fait jeter un coup d'œil à mes codes afin peut-être d'y déceler l'erreur... je dis BRAVO

D'avance merci

Code xhtml



<head>
<style type="text/css">
@import url(styles.css);
</style>
</head>

<body>

<div id="conteneur">

<div id="logo">
<a href="index.html" title="Vers la page d'accueil">
<img src="logo_small.png" alt="logo Rayon Hub" /></a>
</div>

<ul id="mainmenu">
<li><a href="webdesign.html">Webdesign</a>  |  </li>
<li><a href="conception_et_integration.html">Conception et intégration</a>  |  </li>
<li><a href="animations.html">Animations</a>  |  </li>
<li><a href="montages.html">Montages</a>  |  </li>
<li><a href="publicite.html">Publicité</a>  |  </li>
<li><a href="rayon_hub.html">Rayon Hub</a>  |  </li>
<li><a href="contact.html">Contact</a></li>
</ul>

</div>

</body>


ET CSS


<!-- CONTENEUR -->

#conteneur {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

<!-- MENU GLOBAL -->

ul#mainmenu {
	margin: 0;
	padding: 0;
	font: bold 1em Georgia, Times, serif;
	list-style-type:none
}

#mainmenu li {
	display: inline;
}

#mainmenu a {
	color: #bacc00;
	text-decoration: none;
}

#mainmenu a:hover, #mainmenu a:focus {
	color: #2d300a;
}

Modifié par mouf (13 Feb 2009 - 00:50)
Modérateur
bonsoir,

sans savoir dans quel navigateur ce defaut se produit et sans pouvoir verifier si ton doctype et valide ou si tu utilise un prologue xml , difficile de te repondre.

Cependant , si IE est en cause , qu'il s'agit bien de centrer ton conteneur principale , que tu n'as pas de prologue xml que ton doctype est corecte et que le centrage ne se refait pas au redimensionement de la fenêtre , tu peut virer le position : relative; qui semble ne servir a rien pour le moment d'ailleurs.

Sinon , verifier la validité du doctype (le declarer au complet) et ne rien mettre devant , pas même un commentaire html , tout ça pour s'assurer que IE restera bien en mode de rendu standard .

Il y a sur ce site toutes les infos necessaires pour choisir son doctype et comprendre les modes de rendu standard ou quirk , qui font que IE , en particulier, appliqueras (un modele de boites') les regles css de maniere différentes.

GC
Re,

Le problème se produit sous IE, FF, OPERA,...

Mon doctype est valide, inspiré du livre CSS2 de Raph...

Les autres commandes CSS fonctionnent parfaitement, mais tu as raison le position:relative ; ne m'est d'aucune utilité pour l'instant sauf qu'il me permettra par la suite de pouvoir centrer ce bloc principal contenant d'autres éléments .

J'ai beau remuer mon code CSS dans tous les sens, pas moyen de centrer Monsieur <div> ... et donc le contenu de ma page

Smiley decu Smiley decu Smiley decu Smiley decu
Bon je suis passé par une autre méthode toute aussi valide mais je reste tout de même dubitatif quant à ma solution.

J'avais en effet vu ça dans le livre de Raph mais apparemment cette méthode a ses limites.

MERCI
Modérateur
as tu passé tes fichiers au validateur ?

Les commentaires css s'ecrivent comme ceci : /* commentaire */
en html , c'est : <!-- commentaire -->

a part cette erreur de syntaxe , je ne vois rien d'autre qui puissent mettre a mal ta mise en page.

GC
Sujet clos
Aller à