Adapter une page en fonction du navigateur
jcfleur87
-
hani_ Messages postés 333 Date d'inscription Statut Membre Dernière intervention -
hani_ Messages postés 333 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je suis en train de créer un site web avec le logiciel NVU et j'ai un petit soucis d'affichage sur mes pages.
J'ai l'habitude de travailler avec firefox donc en ouvrant ma page elle passe trés bien avec les images placés correctement mais en essayant de l'ouvrir avec internet explorer mon image est décalée et ne concorde plus avec ce que je veu.
Je voulais savoir si il y avait pas un moyen d'avoir exactement la meme page suivant le navigateur que les personnes auront ???
voila j'attent vos réponses avec impatiences
a bientot
J'ai l'habitude de travailler avec firefox donc en ouvrant ma page elle passe trés bien avec les images placés correctement mais en essayant de l'ouvrir avec internet explorer mon image est décalée et ne concorde plus avec ce que je veu.
Je voulais savoir si il y avait pas un moyen d'avoir exactement la meme page suivant le navigateur que les personnes auront ???
voila j'attent vos réponses avec impatiences
a bientot
A voir également:
- Adapter une page en fonction du navigateur
- Supprimer une page word - Guide
- Fonction si et - Guide
- Navigateur web - Guide
- Imprimer tableau excel sur une page - Guide
- Navigateur privé - Guide
15 réponses
Merci de ta réponse mais est ce que tu pourrais regarder à mon code source et voir ce qui aurai a ajouter ou a enlever je sais pas pour avoir le meme resultat sur n'importe quel navigateur
Voila le code entier de ma page en question
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
</head>
<body
style="color: rgb(255, 255, 0); background-color: rgb(0, 0, 0); background-image: url(../images/acceuil/u%2520foudre.jpg);"
alink="#ffff00" link="#ffff00" vlink="#ffff00">
<table
style="text-align: left; margin-left: auto; margin-right: auto; width: 1200px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: top; text-align: center; width: 650px;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br style="color: rgb(0, 0, 0);">
<span style="font-family: Comic Sans MS;"><span
style="color: rgb(0, 0, 0);">Nbre de
visiteurs</span><br>
<br>
<script type="text/javascript"
src="http://www.123compteur.com/compteur.php?votre_id=239246"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br>
</span></td>
<td
style="vertical-align: top; text-align: center; width: 1190px; height: 654px;">
<img style="width: 716px; height: 473px;"
alt="acceuil" src="../images/acceuil/acceuil.jpg"> <br>
<br>
<br style="color: rgb(0, 0, 0);">
<a style="color: rgb(0, 0, 0);" href="index%202.html"><span
style="font-family: Comic Sans MS; font-weight: bold;">ENTREZ</span></a><br>
</td>
<td
style="vertical-align: top; width: 650px; text-align: center;"><span
style="color: rgb(255, 255, 0); font-family: Comic Sans MS;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span style="color: rgb(0, 0, 0);">Personnes
connectées</span><br style="color: rgb(0, 0, 0);">
<br style="color: rgb(0, 0, 0);">
<script type="text/javascript"
src="http://www.123compteur.com/compteurlive.php?votre_id=239247"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br style="color: rgb(0, 0, 0);">
</span></td>
</tr>
</tbody>
</table>
</body>
</html>
Voila le code entier de ma page en question
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
</head>
<body
style="color: rgb(255, 255, 0); background-color: rgb(0, 0, 0); background-image: url(../images/acceuil/u%2520foudre.jpg);"
alink="#ffff00" link="#ffff00" vlink="#ffff00">
<table
style="text-align: left; margin-left: auto; margin-right: auto; width: 1200px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: top; text-align: center; width: 650px;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br style="color: rgb(0, 0, 0);">
<span style="font-family: Comic Sans MS;"><span
style="color: rgb(0, 0, 0);">Nbre de
visiteurs</span><br>
<br>
<script type="text/javascript"
src="http://www.123compteur.com/compteur.php?votre_id=239246"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br>
</span></td>
<td
style="vertical-align: top; text-align: center; width: 1190px; height: 654px;">
<img style="width: 716px; height: 473px;"
alt="acceuil" src="../images/acceuil/acceuil.jpg"> <br>
<br>
<br style="color: rgb(0, 0, 0);">
<a style="color: rgb(0, 0, 0);" href="index%202.html"><span
style="font-family: Comic Sans MS; font-weight: bold;">ENTREZ</span></a><br>
</td>
<td
style="vertical-align: top; width: 650px; text-align: center;"><span
style="color: rgb(255, 255, 0); font-family: Comic Sans MS;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span style="color: rgb(0, 0, 0);">Personnes
connectées</span><br style="color: rgb(0, 0, 0);">
<br style="color: rgb(0, 0, 0);">
<script type="text/javascript"
src="http://www.123compteur.com/compteurlive.php?votre_id=239247"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br style="color: rgb(0, 0, 0);">
</span></td>
</tr>
</tbody>
</table>
</body>
</html>
Merci de ta réponse mais est ce que tu pourrais regarder à mon code source et voir ce qui aurai a ajouter ou a enlever je sais pas pour avoir le meme resultat sur n'importe quel navigateur
Voila le code entier de ma page en question
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
</head>
<body
style="color: rgb(255, 255, 0); background-color: rgb(0, 0, 0); background-image: url(../images/acceuil/u%2520foudre.jpg);"
alink="#ffff00" link="#ffff00" vlink="#ffff00">
<table
style="text-align: left; margin-left: auto; margin-right: auto; width: 1200px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: top; text-align: center; width: 650px;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br style="color: rgb(0, 0, 0);">
<span style="font-family: Comic Sans MS;"><span
style="color: rgb(0, 0, 0);">Nbre de
visiteurs</span><br>
<br>
<script type="text/javascript"
src="http://www.123compteur.com/compteur.php?votre_id=239246"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br>
</span></td>
<td
style="vertical-align: top; text-align: center; width: 1190px; height: 654px;">
<img style="width: 716px; height: 473px;"
alt="acceuil" src="../images/acceuil/acceuil.jpg"> <br>
<br>
<br style="color: rgb(0, 0, 0);">
<a style="color: rgb(0, 0, 0);" href="index%202.html"><span
style="font-family: Comic Sans MS; font-weight: bold;">ENTREZ</span></a><br>
</td>
<td
style="vertical-align: top; width: 650px; text-align: center;"><span
style="color: rgb(255, 255, 0); font-family: Comic Sans MS;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span style="color: rgb(0, 0, 0);">Personnes
connectées</span><br style="color: rgb(0, 0, 0);">
<br style="color: rgb(0, 0, 0);">
<script type="text/javascript"
src="http://www.123compteur.com/compteurlive.php?votre_id=239247"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br style="color: rgb(0, 0, 0);">
</span></td>
</tr>
</tbody>
</table>
</body>
</html>
Voila le code entier de ma page en question
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
</head>
<body
style="color: rgb(255, 255, 0); background-color: rgb(0, 0, 0); background-image: url(../images/acceuil/u%2520foudre.jpg);"
alink="#ffff00" link="#ffff00" vlink="#ffff00">
<table
style="text-align: left; margin-left: auto; margin-right: auto; width: 1200px;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: top; text-align: center; width: 650px;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br style="color: rgb(0, 0, 0);">
<span style="font-family: Comic Sans MS;"><span
style="color: rgb(0, 0, 0);">Nbre de
visiteurs</span><br>
<br>
<script type="text/javascript"
src="http://www.123compteur.com/compteur.php?votre_id=239246"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br>
</span></td>
<td
style="vertical-align: top; text-align: center; width: 1190px; height: 654px;">
<img style="width: 716px; height: 473px;"
alt="acceuil" src="../images/acceuil/acceuil.jpg"> <br>
<br>
<br style="color: rgb(0, 0, 0);">
<a style="color: rgb(0, 0, 0);" href="index%202.html"><span
style="font-family: Comic Sans MS; font-weight: bold;">ENTREZ</span></a><br>
</td>
<td
style="vertical-align: top; width: 650px; text-align: center;"><span
style="color: rgb(255, 255, 0); font-family: Comic Sans MS;"><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span style="color: rgb(0, 0, 0);">Personnes
connectées</span><br style="color: rgb(0, 0, 0);">
<br style="color: rgb(0, 0, 0);">
<script type="text/javascript"
src="http://www.123compteur.com/compteurlive.php?votre_id=239247"></script>
<noscript><a href="http://www.123compteur.com"
target="_blank">compteur</a></noscript>
<br style="color: rgb(0, 0, 0);">
</span></td>
</tr>
</tbody>
</table>
</body>
</html>
est ce que tu pourrait me donner une adresse mail pour que je t'envoie les imprim ecran de ce que moi j'obtient ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je prend bonne note de tous vos conseil surtout que je ne suis pas un pro mais qu'est ce que ca va m'apporter vraiment une feuille css c juste pour définir des attributs de mise en forme d'aprés ce que je m'en souviens non donc ca ne va pas régler mon problème de décalage entre les navigateurs. Surtout que sur firefox ca passe très bien mais une fois que je passe sur ie l'image que j'ai mis centrée est toute décalée vers la gauche et n'est plus centrée. Mais si vous m'expliquer comment faire je veu bien essayer
Salut,
J'ai eu ce problème lors de la création de mon 1er site avec NVU, la meilleure solution est d'apprendre à coder à partir d'un éditeur de texte comme notepad par exemple, car les logiciels du style NVU créer un code qui présente pleins de défauts.
Je te conseille d'aller faire un tour sur le site du zero pour apprendre à coder, au final tu en ressortira gagnant sur touts les plans.
Bon courage...
J'ai eu ce problème lors de la création de mon 1er site avec NVU, la meilleure solution est d'apprendre à coder à partir d'un éditeur de texte comme notepad par exemple, car les logiciels du style NVU créer un code qui présente pleins de défauts.
Je te conseille d'aller faire un tour sur le site du zero pour apprendre à coder, au final tu en ressortira gagnant sur touts les plans.
Bon courage...
Je ne vois pas de décallage, ni sous firefox ni sous IE, peux tu être plus précis sur ce qui ne te conviens pas.
premier point : c'est un tableau ton site.
le tableau c'est le bordel a mettre en page. si en plus tu veux faire de la compatibilité divers navigateur, je te souhaite bonne chance.
sinon il y as des balises très simple d'utilisation et facile a mettre en page. mais il vas te falloir aller faire un tour sur ce site
le tableau c'est le bordel a mettre en page. si en plus tu veux faire de la compatibilité divers navigateur, je te souhaite bonne chance.
sinon il y as des balises très simple d'utilisation et facile a mettre en page. mais il vas te falloir aller faire un tour sur ce site
Hani, ce que tu dis est faux, je créer tous mes sites en fesant la mise en forme à partir de tableaux, et je n'ai jamais eu aucun problème de compatibilité, c'est même certainement la meilleure méthode pour faire des sites, bien plus simple qu'avec des div et des pages css de plusieurs dizaines de lignes!
*klaxone* BIP BIP ?! OUAAIIIIIS !!!
Le tableau c'est un VRAI bordel hani_ à raison ! Un tableau n'est pas conçut pour la mise en forme mais pour structurer et contenir des données. Pour une mise en page la meilleure solution c'est la CSS ! Le tableau c'est de la magouille .... Avec une CSS c'est propre et net. Crois moi ce ne sera pas du temps de perdu d'apprendre à utiliser une CSS, l'ami.
Le tableau c'est un VRAI bordel hani_ à raison ! Un tableau n'est pas conçut pour la mise en forme mais pour structurer et contenir des données. Pour une mise en page la meilleure solution c'est la CSS ! Le tableau c'est de la magouille .... Avec une CSS c'est propre et net. Crois moi ce ne sera pas du temps de perdu d'apprendre à utiliser une CSS, l'ami.
ce n'est pas faux (entièrement en tout cas.)
Mais je suis catégorique parce que l'utilisation de tableau est la pire chose a faire en création de site, pour des raisons de sémantique, de norme, de portabilité, d'adaptabilité, de facilité de maintenance et de référencement (entre autre).
Donc même si pour la mise en page c'est moins le bordel que ce que je prétend en effet (c'est quand même bien le bordel), c'est quand même très fortement déconseillé pour faire un site digne de porter le nom de site d'utiliser des tableaux.
Effectivement ça simplifie la vie de ne pas utiliser toutes les balise et de ne pas faire de css, mais ce n'est pas ça que l'on appelle un site. c'est de la bidouille foireuse a peine bonne a faire un affichage 'brute' de données placées là au petit bonheur la chance.
Ça m'a toujours fait doucement rigoler qu'on puisse comme ça au débotter se déclarer 'webmaster', sans en connaitre les notions fondamentale.
Mais je suis catégorique parce que l'utilisation de tableau est la pire chose a faire en création de site, pour des raisons de sémantique, de norme, de portabilité, d'adaptabilité, de facilité de maintenance et de référencement (entre autre).
Donc même si pour la mise en page c'est moins le bordel que ce que je prétend en effet (c'est quand même bien le bordel), c'est quand même très fortement déconseillé pour faire un site digne de porter le nom de site d'utiliser des tableaux.
Effectivement ça simplifie la vie de ne pas utiliser toutes les balise et de ne pas faire de css, mais ce n'est pas ça que l'on appelle un site. c'est de la bidouille foireuse a peine bonne a faire un affichage 'brute' de données placées là au petit bonheur la chance.
Ça m'a toujours fait doucement rigoler qu'on puisse comme ça au débotter se déclarer 'webmaster', sans en connaitre les notions fondamentale.
Moi je me déclare pas webmaster, je veux juste être reconnue comme :'(
Bref ...
Les tableaux c'est vraiment la solution bourrin je dirais ... Mais sans parler de soucis technique (même si il en faut un minimum). Il est vrai qu'il faut quand même savoir utiliser une CSS pour se rendre compte qu'au final les tableaux pour la mise ne page c'est de la m**de. Au final, c'est une question de patience et/ou d'ouverture d'esprit ? :p
Bref ...
Les tableaux c'est vraiment la solution bourrin je dirais ... Mais sans parler de soucis technique (même si il en faut un minimum). Il est vrai qu'il faut quand même savoir utiliser une CSS pour se rendre compte qu'au final les tableaux pour la mise ne page c'est de la m**de. Au final, c'est une question de patience et/ou d'ouverture d'esprit ? :p
Je n'ai pas dis que l'utilisation de tableau exclut de mettre du css, loin de là, bien au contraire. Pour le référencement, je ne vois pas en quoi ça pose un problème, j'ai toujours été très bien référencé sans jamais avoir du à payer quoi que ce soit, mais il est vrai que des balises meta bien renseignés y sont certainement pour beaucoup.
Méthode bourrin ou pas, ce qui me semble le plus important c'est quand même d'avoir un source léger et que le site soit compatible avec tout les navigateurs, après je suis d'accord, chacun sa technique, mais on ne peux pas dire que l'utilisation de tableaux c'est de la M..., c'est aussi ça l'ouverture d'esprit, et faire sa mise en page avec un éditeur de texte quelque soit la méthode utilisée restera toujours plus sein que d'utiliser un cms ou autre logiciel dans le même genre....
Méthode bourrin ou pas, ce qui me semble le plus important c'est quand même d'avoir un source léger et que le site soit compatible avec tout les navigateurs, après je suis d'accord, chacun sa technique, mais on ne peux pas dire que l'utilisation de tableaux c'est de la M..., c'est aussi ça l'ouverture d'esprit, et faire sa mise en page avec un éditeur de texte quelque soit la méthode utilisée restera toujours plus sein que d'utiliser un cms ou autre logiciel dans le même genre....
Avec CSS le problème se réglerais facilement, l'image t'en ferais ce que tu veux ^^
Quand au référencement je vois ce qu'il vient faire là :p
Quand au référencement je vois ce qu'il vient faire là :p
un site c'est du html (contenu) plus le contenu a un sens sémantique plus le moteur de recherche vas faire du bon boulot
en gros les mots clef dans les h1 h2 auront plus de valeur pour un moteur de recherche que les mots clef dans un p
la tableau viens en dernier dans la liste de priorité de recherche.
le css lui c'est de la mise en page. une image 'logo' ou 'fond' n'a oas sa place dans le html. mais elle l'a tout a fait dans le css.
enfin c'est plein de détail mais c'est important pour beaucoup de point de validation d'un site.
en gros les mots clef dans les h1 h2 auront plus de valeur pour un moteur de recherche que les mots clef dans un p
la tableau viens en dernier dans la liste de priorité de recherche.
le css lui c'est de la mise en page. une image 'logo' ou 'fond' n'a oas sa place dans le html. mais elle l'a tout a fait dans le css.
enfin c'est plein de détail mais c'est important pour beaucoup de point de validation d'un site.