Divers problèmes - IE, Firefox, Linux et Windows...

[guilhem_mdg]

Bonjour,
Je viens de développer un site web: www.plastigard.com
Malheureusement, quelques bugs surviennent...
* sous (Windows) et (Firefox ou IE), le menu ne s'affiche pas "centré verticalement" dans la barre jaune-orage. Il apparaît collé en haut alors que sous Linux et Firefox, il apparaît centré correctement... Idem pour les titres de page (blanc sur fond bleu).
* La police Arial sous Linux n'est-elle pas la même que sous Windows ? Elle semble beaucoup plus jolie et arrondie sous Linux...
* Avec IE 5, les photos de la page "http://plastigard.com/pages/photo_agran ... nes&page=1" ne veulent pas s'afficher dans la page de droite. Au lieu de cela, les photos miniatures partent tout en bas... De plus, la puce verte chevauche le texte: "Album Photo' (page piscine, par ex.)... Uniquement sur IE 5.

Ouf! Quelqu'un peut-il m'apporter des idées, des solutions ?
Merci beaucoup !
[/img]

[FF_Olivier]

Déjà, quelques problèmes avec la CSS, apparemment :

Code : Tout sélectionner

Résultats du Validateur CSS du W3C concernant http://www.plastigard.com/

Pour fonctionner comme prévu, votre feuille de style CSS doit avoir un arbre grammatical correct, cela implique que vous devriez utiliser de l'HTML valide.
Erreurs
URI : http://www.plastigard.com/styles/accueil.css

    * Ligne: 5 Contexte : body

      Propriété érronée : paddingTrop de valeurs, ou valeurs non reconnues : 0 0 0 0 #067eff
    * Ligne: 21 Contexte : #conteneur

      Erreur lors de l'analyse grammaticale. - -moz-border-radius:10px;
    * Ligne: 22 Contexte : #conteneur

      Parse error - Unrecognized : }
    * Ligne: 38 Contexte : #images img

      Erreur lors de l'analyse grammaticale. - -moz-border-radius:4px;
    * Ligne: 39 Contexte : #images img

      Parse error - Unrecognized : }

Et aussi «Cuves & bacs» à écrire «Cuves & bacs» pour que le parsing CSS se fasse sur cette page ...

[guilhem_mdg]

Je viens de corriger mais les problèmes sont encore là...

[SB]

Tu as oublié & à la place de & dans

Code : Tout sélectionner

<li><a href="cuves_et_bacs.php">Cuves & Bacs</a></li>

Sinon je pense que tu pourrais obtenir ce que tu veux en jouant avec les valeurs du margin et du padding dans

Code : Tout sélectionner

ul.blocMenuPrincipal{

	margin:0px auto 0px auto;

	padding:0px 0px 0px 0px;

	width:740px;

	height:40px;

}



ul.blocMenuPrincipal li{

	margin:0px 0px 0px 0px;

	padding:4px 8px 0px 8px;

	float:left;

	font-size:14px;

	list-style-type:none;

}

Pour Arial j'en sais rien sous Linux mais ça a l'air d'être ça sous XP. Pour IE5 c'est peut être son pauvre support des css qui te joue un tour.

[guilhem_mdg]

Je viens de corriger l'erreur du &. Merci de m'avoir signaler l'ereur...
Néanmoins, pour le margin et padding si je le change alors c bon dans Linux mais plus dans Windows. J'ai un petit décalage... En clair, lsi l'affichage est correct ds l'un , il ne l'est plus dans l'autre !

[PsyDk]

Pas d'Arial de base sous ma Debian avec KDE en tout cas, j'ai dû l'installer à la main en récupérant le fichier de mon Windows.

[SB]

Je viens de corriger l'erreur du &. Merci de m'avoir signaler l'ereur...
Néanmoins, pour le margin et padding si je le change alors c bon dans Linux mais plus dans Windows. J'ai un petit décalage... En clair, lsi l'affichage est correct ds l'un , il ne l'est plus dans l'autre !

Ben c'est pas bien grave, ça rend très bien comme ça.

[guilhem_mdg]

Oui, il est vrai que je pinaille...
Mais bon j'aurais voulu comprendre pourquoi...
Merci en tout cas de ton aide !