Discussion :

[Neoforever]

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).

[Neoforever]

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.

[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.

[Neoforever]

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.

[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 ?

[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.

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

Sélectionner tout - Visualiser dans une fenêtre à part

<!--[if IE]><link rel="stylesheet" type="text/css" href="../../ie.css" /><![endif]-->

Cette ligne est valable que pour IE

[Neoforever]

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.

[Neoforever]

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.

[Candygirl]

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

[*]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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Neoforever]

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.

[MasterOfChakhaL]

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??

[Neoforever]

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.

[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?

[Neoforever]

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é.

Neoforever.