Compatibilité entre les navigateurs

lily_of_the_valley

Bonjour à tous,

Je suis entrain de faire un site internet et je me suis rendu que l'affichage sur windows vista correspond exactement à ce que je veut , MAIS lorsque je travaille sur windows xp , l'affichage est complétement différent et tout est enchevêtré.
Comment faire pour que l'affichage reste le même dans chaque version de windows et dans chaque navigateur web?

Je n'utilise pas les propriétés d'images css car je sais qu'elles ne fonctionnent pas.

Dans le head , j'ai mis la propriété media : screen et ce que c'est ça qui pose problème ?
Est-ce-que je dois mettre media : all?

Est-ce que je dois mettre un autre doctype, le mien est le suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Un tout grand merci d'avance pour votre aide.

ju2cho7

le navigateur est-il différent entre ton PC sous XP et ton PC sous Vista?

lily_of_the_valley

Bonjour,

J'utilise EDIT PLUS 3 comme éditeur de textes ,
J'ai fait un printscreen du cadre où l'on peut choisir le navigateur dans lequel on peut voir l'apeçu de ce que l'on fait.

Mes pages s'ouvrent avec GOOGLE CHROME même dans le programme EDIT PLUS.

J'ai fait un printscreen d'une de mes pages qui contiennent des images .
C'est exactement l'affichage que j'ai choisi.

Sous XP , le navigateur tant dans edit plus que par défaut pour visualiser mes pages web est INTERNET EXPLORER 8 .

Sous cette interface l'affichage de cette même page galerie apparaît plus grand et les images sont disposées différement .
Il y a deux images , puis une, puis de nouveau deux et ainsi de suite.
De plus, le contenu de la page est beaucoup plus bas.

J'ai spécialement téléchargé INTERNET EXPLORER 8 parce que j'avais lu qu'avec la version 6 il y avait des problmes mais finalement cela ne change rien au problème d'affichage.

Je vous mettrais le printscreen de l'affichage sous XP lorsque je serait sur cet explorateur.

En attendant d'après ce que j'ai lu , on ne peut pas faire grand chose pour avoir un affichage commun sous chaque navigateur web.

Je vous remercie d'avance pour toute l'aide que vous m'apportée.

Passez une très bonne journée.

lily_of_the_valley

Bonjour,

Je résolu mon problème d'incompatibilité entre Windows Vista et Windows XP.
J'ai appliqué les mesures suivantes à mon conteneur principal :

#contenu

{

padding : 0 px;
margin : 0 px;
border : 0 px;

}

On m'a aussi donné un code php et CSS pour rendre mon site compatible entre les navigateurs :

Code PHP :

Code:

<?php
//$_SERVER["HTTP_USER_AGENT"] : variable donnant le navigateur
if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"])) {
//Internet explorer
echo "<link rel=\"stylesheet\" href=\"ieStyle.css\" type=\"text/css\" />";
} else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"])) {
//Mozilla - Firefox
echo "<link rel=\"stylesheet\" href=\"mozillaStyle.css\" type=\"text/css\" />";
} else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) {
//Opera 
echo "<link rel=\"stylesheet\" href=\"operaStyle.css\" type=\"text/css\" />";
} else {
//Les autres
echo "<link rel=\"stylesheet\" href=\"defaultStyle.css\" type=\"text/css\" />";
}
?>

Code CSS

Code:

<link rel="stylesheet" href="css/ff.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" />
<![endif]-->

Ma question est la suivante : Que dois-je écrire dans les feuilles des styles mentionnées plus haut?

Un tout grand merci à vous tous pour vos réponses .

Ju' · **Inscription:** 10 Jan 2009 à 04:26 **Messages:** 8

Tous les navigateurs ne gèrent pas le CSS exactement de la même façon :oops:

Le fragment de code PHP qui t'a été fourni te permet d'utiliser une feuille de style différente en fonction du navigateur

À toi de "bidouiller" chaque feuille de style pour l'adapter à chaque navigateur

Pouzy

Ouaips, il n'existe pas de recette miracle de compatibilité inter-navigateurs :hello:

C'est un des points les plus pénibles du design web, et surtout du codage Javascript. Mais le système d'exploitation n'influe pas (Sous XP et Vista, si tu utilises le même navigateur, tu verras la même chose, à part si ta résolution n'est pas la même et que ton site n'arrive pas à gèrer correctement différentes résolutions)

Donc pour faire clair, dans tes deux exemples, soit tu n'avais pas utilisé le même navigateur, soit si, mais alors ta résolution devait être plus petite sur le pc ou tout bugait.

Dans tout les cas, il faut essayer de faire en sorte qu'un maximum de combinaisons soient compatibles

Règles du forum

Compatibilité entre les navigateurs

Qui est en ligne