Rechercher : dans
Par :

Problème affichage Firefox et avis design

Dernière réponse le 26 jan 2007 à 14:55:13 orientation scolaire, le 26 jan 2007 à 00:52:38 
 Signaler ce message aux modérateurs

Bonjour,


Je suis en train de réécrire le code de ma page d'accueil (et par la suite, l'intégralité du site), afin qu'il soit conforme W3C et en travaillant avec le CSS.

Je travaille désormais sous GoLive, mais je rencontre un problème car sous Firefox (et sans doute d'autres navigateurs), l'affichage n'est pas celui correspondant à la conception.

Sans doute un souci car je ne maîtrise pas les positions (relative, absolue, etc.).

Si quelqu'un peu me donner un coup de main, merci d'avance.
La page d'accueil en refonte est à cette adresse : http://www.e-tud.com/index1.php

La feuille de style : http://www.e-tud.com/css/basic.css

Pour information, la plupart des width ont pour valeur auto car je ne peux savoir à l'avance la quantité de texte. C'est sans doute par là que ça coince, car si je met une valeur, l'affichage est correcte, mais cela ne répond pas à mes attentes.

Et par la même occasion, j'accepte avec bienvenu toute les critiques constructives sur le site : apparence, style, codage, etc.

Merci.

Configuration: Mac OS X
Firefox 2.0.0.1

Meilleures réponses pour « Problème affichage Firefox et avis design » dans :
Optimiser Firefox VoirOptimisation avec Haut Débit Si votre ordinateur a un processeur peu puissant Optimiser l'utilisation de la mémoire Logiciel d'optimisation de Firefox J'ai fait une fausse manipulation J'ai créé une valeur/chaîne de trop J'ai mal attribué...
[Internet] Gérer les cookies VoirGérer les cookies Les cookies sont des marques de votre passage sur les sites internet. Certains ne stockent que le mot de passe et le "login" correspondant à un site tandis que d'autres enregistrent davantage d'informations, généralement vos...
[Mozilla Firefox] Sauvegarder les paramètres VoirSauvegarder / Restaurer les paramètres de Firefox, les marque-pages, historique et les extensions installées Commencez par afficher les fichiers cachés. Sous Vista, il faut s'approprier le dossier C:\users\Utilisateur*\Application Data pour...

1

_goni, le 26 jan 2007 à 11:43:00

Salut,
Les problème de mise en forme que tu rencontre avec Firefox est très fréquent. En fait, Internet Exploreur et Firefox (et meme les autres) n'interprètent pas de la même façon le CSS. En fait, il faut bidouiller ton CSS pour que ca fonctionne sur les deux. Au bout d'un moment tu auras l'habitude et ca se fera tout seul. Benoit.
Enlèves tes doigts sales de mon clavier.

Répondre à _goni

2

orientation scolaire, le 26 jan 2007 à 12:16:39

Je te remercie, j'avais déjà pu le constater depuis quelques temps, mais j'ai justement suivi les conseils qui sont donnés par des sites pour les webmasters, d'utiliser alors du code standard, je pensais donc l'avoir fais et cela ne fonctionne toujours pas.
Ce qu'il me faut alors, c'est la combine pour "bidouiller", si c'est la seule solution dans mon cas. Je ne vois pas du tout comment je peux le faire.
By

Répondre à orientation scolaire

3

_goni, le 26 jan 2007 à 12:32:16

En fait, le principe c'est que pour un meme résultat, tu as plusieur façon de le faire en CSS. Il faut trouver la méthode qui fonctionne sur IE et FF. C'est pas simple mais tout à fait réalisable. C'est con, je suis au boulot et j'ai que IE sous la main donc je ne peux pas voir les différences. Benoit.
Enlèves tes doigts sales de mon clavier.

Répondre à _goni

4

orientation scolaire, le 26 jan 2007 à 12:37:46

OK, mais là ce sont mes compétences qui sont limitées.
Quand tu auras l'occas de voir sous firefox, tu te rendras compte, qu'il n'y a pas de fond blanc sous le contenu du texte, et donc en bas, les dernières div se chevauchent.

Si quelqu'un à donc l'occasion de regarder ma feuille de style pour me proposer autre chose que mon code, se serait impeccable.

Où s'il existe des ressources qui montrent ce qui marche sous firefox.

Merci.

Répondre à orientation scolaire

5

 Gihef, le 26 jan 2007 à 14:55:13

Bonjour,

Est-ce qu'on peut savoir ce qui coince ?
Où ça ne correspond pas à tes attentes ?
Ce que tu veux obtenir ?
En quoi c'est différent ?

Tout le monde n'a pas IE (sur Windows, tu veux dire ? Quelle version ?)

On peut cependant déjà te dire que des width:auto; ne te serviront pas à grand-chose dans un conteneur dont la largeur est fixée à l'avance (width: 900px;). Tu parles des height:auto; ?

Ajoute

<?xml version="1.0" encoding="ISO-8859-1"?>
au tout début, en première ligne.

Tu as un .centre et un #centre.
N'y a-t-il pas risque de confusion ?

Tu as placé des <h4> dans des <a>.

Tu ouvres des <tr> sans les refermer.
Un <p> aussi.

Tu oublies des guillemets un peu partout dans les attributs.
 

Répondre à Gihef