Problème de compatibilité entre CSS et navigateurs

Version imprimable

28/08/2007, 11h04
Neoforever

Problème de compatibilité entre CSS et navigateurs

Bonjour à tous,

En plein travail approfondis sur ma feuille de style, je me suis aperçus en effectuant quelques tests sur d'autres navigateurs, que ma feuille de style rencontre beaucoups de modifications sous ces autres navigateurs qu'internet explorer 7.

Je souhaiterais si cela est possible, obtenir le même affichage que sous internet explorer 7 lorsque javascript est activé, (l'affichage change lorsque javascript est désactivé) et enfin obtenir le même affichage d'internet explorer 7 sous tous les autres navigateurs.

Les "autres" navigateurs que j'utilise sont les suivants : Mozilla firefox, Netscape, Opera, Safari.

Je dépose en pièce jointe, la page web, vous pourez ainssi constater que l'affichage change en activant et désactivant javascript sous tous les navigateurs.

Je vous remercie par avance des multiples informations que vous pourez m'apporter.

Neoforever.

PS : Je place en pièces jointes, les fichiers contenant le code css (style.css) et html/php (index.php).
29/08/2007, 05h19
Neoforever

Snif snif

Bonjour à tous,

A ce que je vois mon message à été visité plusieurs fois mais sans aucune réponses.

Je post donc ce message pour vous demander si mon post est clair est compréhenssible.

Merci de bien vouloir me l'indiquer de manière à ce que je le modifie si néscessaire.

Merci pour tout.

Neoforever.
29/08/2007, 09h18
Tober

en gros ton message n'a certainement pas bcp de réponse paske tu ne poses pas un problème mais tu balances ton site en piece jointe et tu demande de le refaire pour qu'il marche cross browser...
essaye plutot d'identifier tes problèmes, d'essayer de les comprendre voir les résoudre, et après, tu posts qqch de précis en nous indiquant ce qui ne va pas.
29/08/2007, 10h22
Neoforever

Je pose le probleme.

Bonjour à tous,

Le probleme que je rencontre est le suivant :

Lorsque ma page s'affiche avec internet explorer 7, aucun probleme, en revanche, lorsque j'affiche la page avec les autres navigateurs précités dans les autres posts, les pseudos frames sont complètements décallées.

Comment puis-je les recalées de manière "universelles" pour quelles soit compatibles avec tous les autres navigateurs ?

Je vous remercie par avances pour les perches que vous pourez me tendre.

Neoforever.
29/08/2007, 10h29
Candygirl

Bonjour,

Personnellement n'ayant pas trop le temps ces temps, de voir des fichiers joints m'a retenu de me pencher sur la question, d'autant que tu donnes un fichier php.

Le plus simple pour étudier ton problème serait d'avoir une page en ligne.

La première chose que tu peux vérifier c'est si tu as bien un doctype complet renseigné tout en haut de ta page ?
29/08/2007, 12h08
beeboo
Salut,
Déjà quelques petites remarques
- sur le font-family, les guillemets uniquement autour du string du nom de la font : "Times new Roman", Times, serif; et non autour de la liste.
- pourquoi mettre background-image:url(); . Si tu n'as pas d'image à mettre en fond, ben ne mets rien.
- Enfin, évite de mettre du code MS dans les CSS genre expression(). C'est uniquement fonctionnel dans IE ce machin.
Sinon, sans autres infos je ne vois pas ce qu'on peut faire de plus pour toi. Refile-nous une image de ton site sous IE et FF qu'on voie ce qui cloche.
29/08/2007, 12h50
Aspic

Moi je te conseille d'utiliser une feuille de style spéciale IE et une autre pour les autres navigateurs... car c'est peu de la dire mais IE est lourd sur le CSS car il comprends une ligne sur deux ^^ (heureusement qu'avec IE 7 pas mal de bugs ont été corrigés)

Syntaxe pour une feuille alternative :

Code:



Cette ligne est valable que pour IE ;)
29/08/2007, 18h38
Neoforever

Suite ...

Tout d'abort merci à tous pour vos multiples réponsses.

Je vais attentivement me pencher sur le doctype, car étant la première fois que je l'utilise, j'ai probablement du m'y planter !!!

Je vous remercie et vous tiens informés du résultat.

Coordialement.

Neoforever.
29/08/2007, 19h16
Neoforever

Voici comme demandé, les ecrans sous différents navigateurs.

Re-bonsoir,

Comme vous me l'avez demandé beeboo, voici les ecrans figés sous les différents navigateurs (pièces jointes).

J'ai modifié le doctype par quelque chose de plus récent, mais cela n'a pas résolu le problème.

Je laisse le background-image: url(); car je vais en avoir besoins d'ici peut.

Je vous joint la feuille de style et la page php avec toutes les modifications (dans la fin du post précédent).

Je vous remercie.

Coordialement.

Neoforever.

Tu as eu la réponse à ton problème ici:

Citation:

Envoyé par beeboo

[*]Enfin, évite de mettre du code MS dans les CSS genre expression(). C'est uniquement fonctionnel dans IE ce machin.

Tu as ceci dans ton css:
Code:

1 2 3 4 div#conteneur_principal { width:770px; width:expression(document.body.clientWidth > 1000? "1000px": "auto" ); }
Pour tous les navigateurs le width de ton conteneur est 770px sauf pour IE ou, si on a une largeur de fenêtre supérieure à 1000, le width est de 1000px.

Tu devrais plutôt avoir quelques chose du genre:
Code:

1 2 3 4 5 6 7 8 9 10 div#conteneur_principal { min-width:770px; max-width:1000px; } * html div#conteneur_principal { width:770px; width:expression(document.body.clientWidth > 1000? "1000px": "auto" ); }
La deuxième servant a émuler le max-width sur IE6 (à incorporer dans un commentaire conditionnel pour préserver la validité du css).

Mais de tout manière tu vas devoir repenser ton montage, la taille de ton contenu si tu veux que la présentation en 800x600 ne soit pas l'actuelle de firefox

30/08/2007, 18h34
Neoforever

Yeeesss sa fonctionne !!!

Bonjour à tous,

Ce petit post, pour vous informez que tout ou casiment tout fonctionne.

Pour ce faire, j'ai donc utiliser le petit script du dernier post, et appliquer des pourcentage pour les largeurs des pseudos-frames 'contenu' et autres frames de droite de manière à ce que mon site soit compatible avec le maximum de résolutions possibles.

Pour résumer tout fonctionne sous les navigateurs IE 7, firefox, safari, netscape. Seul opera me fait quelque chose de bizzare !!! Mais il parait que c'est dans sa nature de faire des choses bizzares !!! qu'en penssez vous ?

Je clotûre ce post, en vous remerçiant tous pour l'aide et les informations que vous m'avez fournis.

A très bientôt.

Neoforever.
30/08/2007, 20h54
MasterOfChakhaL

Citation:

Envoyé par Neoforever

Pour résumer tout fonctionne sous les navigateurs IE 7, firefox, safari, netscape. Seul opera me fait quelque chose de bizzare !!! Mais il parait que c'est dans sa nature de faire des choses bizzares !!! qu'en pensez vous ?

salut,

j'en pense que opéra est un des meilleurs navigateurs à mon gout... que fait-il de bizarre??
31/08/2007, 07h15
Neoforever

Réponsse

Bonjour,

Lorsque je parle de truc bizzare pour opera, je parle en fait des imcompatibilitées que l'on peut rencontrer en utilisant certaines balises css assez anciènes.

Je trouve un peut dommage qu'opera n'arrive pas à afficher mon site comme tous les autres navigateurs.

Aurait tu une suggestion à ce sujet ?

Si oui merci de bien vouloir m'en parler, car tu as l'air assez calé sur opera.

Neoforever.
31/08/2007, 07h44
MasterOfChakhaL

Ben justement,
Je n'ai jamais eu de souci avec opéra, d'où ma question. Tu as des exemples de "balises css anciennes" qui posent problème?
31/08/2007, 08h10
Neoforever

Réponsse

Il faut que je regarde attentivement mon code source, j'envisage meme de créer une feuille de style pour opera.

Je te laisse mon css en pièces jointes si tu veut y jeter un coup d'euil, mais ne te casse pas la tête avec sa, car ce n'est pas préssé. :lol:

Neoforever.