Problème avec la norme W3C

Eléphanteau du PHP | 33 Messages

09 nov. 2005, 18:57

Voilà j'ésseye de me mettre au norme :wink: :wink:

Mais je rencontre quelque difficulté :cry:

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 :roll:
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

Invité
Invité n'ayant pas de compte PHPfrance

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 :cry:

Merci de votre aide :wink:

Eléphanteau du PHP | 33 Messages

10 nov. 2005, 17:14

Escusé moi je ne métais pas connecter :roll:

Mammouth du PHP | 1885 Messages

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/

;)
La programmation est l'expression de la poésie d'un programmeur
Génération PHP