Geckozone

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]

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

...

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

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.

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 !

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.

guilhem_mdg a écrit :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.

Oui, il est vrai que je pinaille...

Mais bon j'aurais voulu comprendre pourquoi...

Merci en tout cas de ton aide !

Geckozone

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

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