Compatibilité entre les navigateurs

114 messages
DVD-RW
DVD-RW

Le 05 Juin 2009 à 08h29

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

7302 messages
No-Life
No-Life

AidoCodeur

Modérateur

Le 05 Juin 2009 à 12h33

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

lily_of_the_valley

114 messages
DVD-RW
DVD-RW

Le 07 Juin 2009 à 10h32

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

114 messages
DVD-RW
DVD-RW

Le 19 Juin 2009 à 10h40

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

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'

$Avatar de Ju\'$

9 messages
Neurone isolé

Le 19 Juin 2009 à 16h13

Tous les navigateurs ne gèrent pas le CSS exactement de la même façon Rougis
Le fragment de code PHP qui t'a été fourni te permet d'utiliser une feuille de style différente en fonction du navigateur Clin d'oeil
À toi de "bidouiller" chaque feuille de style pour l'adapter à chaque navigateur Sourire

Pouzy

14137 messages
No-Life
No-Life

Administrateur

En ligne

Le 19 Juin 2009 à 17h10

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 Content

	Informations	Messages
lily_of_the_valley 114 messages DVD-RW		Le 05 Juin 2009 à 08h29 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 7302 messages No-Life AidoCodeur Modérateur		Le 05 Juin 2009 à 12h33 le navigateur est-il différent entre ton PC sous XP et ton PC sous Vista?
		Nous ne fournissons pas d'aide par MP. ;)

lily_of_the_valley 114 messages DVD-RW		Le 07 Juin 2009 à 10h32 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 114 messages DVD-RW		Le 19 Juin 2009 à 10h40 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' $Avatar de Ju\'$ 9 messages Neurone isolé		Le 19 Juin 2009 à 16h13 Tous les navigateurs ne gèrent pas le CSS exactement de la même façon 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
		ju2cho7

Pouzy 14137 messages No-Life Administrateur En ligne		Le 19 Juin 2009 à 17h10 Ouaips, il n'existe pas de recette miracle de compatibilité inter-navigateurs 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
		Devenez fan d'Aidoweb sur Facebook \o/ - N'oubliez pas de cliquer sur [Résolu] une fois votre problème réglé