Problème avec la norme W3C

09 nov. 2005, 18:57

Voilà j'ésseye de me mettre au norme

Mais je rencontre quelque difficulté

Sous IE sa marche mais sous FIREFOX

je vous passe l'adresse de mon site pour que vous constater par vous meme

MON SITE

je vous passe aussi ma feuille de style, j'ai peut-être fais des erreurs

body
{
  color                	: #E6EBFB;
  margin-top           	: 1cm;
  margin-left          	: 1cm;
  background-color		: #344055;
  scrollbar-arrow-color	: #E6EBFB;
  scrollbar-base-color	: #344566;
  scrollbar-track-color	: #344566;
  scrollbar-face-color	: #344566;
  scrollbar-highlight-color: #344566;
  scrollbar-3dlight-color: #465673;
  scrollbar-darkshadow-color: #344566;
  scrollbar-shadow-color: #465673;
  font-size            : 14px;
  font-family          : Tahoma,sans-serif;
}

.banniere
{
background-image		:url('banniere.png');
background-attachment	:fixed;
background-repeat    	:no-repeat;
background-position		:top;
width					:820px;
height					:61px;
}

.border
{
background-image		:url('border.jpg');
width					:820px;
height					:20px;
}

.barreG
{
background-image		:url('menuG.jpg');
width					:110px;
height					:20px;
}

.barreD
{
background-image		:url('menuD.jpg');
width					:110px;
height					:20px;
}

.barre
{
background-image		:url('menu.jpg');
width					:110px;
height					:20px;
}

.menuhaut 
{
background-color     	:#344566;
width					:146px;
height					:20px;
font-family				:Tahoma,sans-serif;
font-size				:11px;
text-align				:center;
}

a
{
  color                : #E6EBFB;
  text-decoration      : none;
  font-weight          : bold;
}

.menugauche 
{
float					:left;
margin-left				:33px;
background-color     	:#344566;
width					:110px;
height					:400px;
font-family				:Tahoma,sans-serif;
font-size				:11px;
}

et voila mon code HTML

<html>
<head>
<link href="mystyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center>
		<div class="banniere"></div>
		<div class="border"></div>
		<div class="barreG"></div>
		<div class="menuhaut"><a href="#" target="page">Ajouter une enigme</a></div>
		<div class="menuhaut"><a href="UserInfos.php" target="page">Mes Infos</a></div>
		<div class="menuhaut"><a href="UserList.php" target="page">List Membres</a></div>
		<div class="menuhaut"><a href="FormConnect.php" target="page">Connection</a></div>		
		<div class="barreD"></div>		
		<div class="border"></div>
		<div class="menugauche">Menu</div>
</center>
</body>
</html>

Le problème est sous FIREFOX que le menu du haut se trouve en dessous des mes deux "border" et "les deux barre de chaque cotés disparessent!

Voilà j'éspère que vous pourrez m'aider

PS: je cherche aussi un moyen d'aligner mon menu qauche, avec le bord de ma "border"

Merci d'avance

10 nov. 2005, 17:10

Est ce que je le suis mal expliqué? sur mon problème

Car la je bloque, je suis allé sur le site de validator W3C et mon site passe sans problème mais j'ai toujours mon problème de design sous FIREFOX

Merci de votre aide

10 nov. 2005, 17:14

Escusé moi je ne métais pas connecter

10 nov. 2005, 18:28

Internet Explorer et Firefox possèdent tout deux leur propre manière de gérer la largeur lorsqu'il y a des bordures. Firefox possède évidemment la bonne manière de gérer la largeur.

Il faut alors contourner les problèmes d'Internet Explorer avec des "hacks":
http://www.openweb.eu.org/articles/dime ... oites_css/

Problème avec la norme W3C

Qui est en ligne