Probleme html avec firefox et IE
Résolu
remi059
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
Judes-Emile Bornes IV Messages postés 123 Date d'inscription Statut Membre Dernière intervention -
Judes-Emile Bornes IV Messages postés 123 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai 2 petits soucis.
J'ai creé ma page internet avec orange (https://remi59.pagesperso-orange.fr/ , seul les rebriques accueil, losc et sondage fonctionnent) et le resultat est bon avec internet explorer mais pas avec firefox.
Par exemple dans la rubrique du losc, l'image n'est pas centré sous firefox alors qu'elle l'est sous IE et aussi dans le tableau ou il y a l'image du stade, il n'y a pas la meme distance entre le haut de l'image et le tableau et entre le bas de l'image et le tableau, regarder la difference avec firefox et IE, vous comprendrez.
Le 2eme souci, c'est par raport a vista (je pense). Car mon autre ordi equipé de vista, a creé un decalage de la gauche de mon tableau (tableau contenant le menu) contrairement a XP.
Je sais pas si j'ai été clair, mais si vous pouriez m'aider ce serait sympa
merci d'avance
j'ai 2 petits soucis.
J'ai creé ma page internet avec orange (https://remi59.pagesperso-orange.fr/ , seul les rebriques accueil, losc et sondage fonctionnent) et le resultat est bon avec internet explorer mais pas avec firefox.
Par exemple dans la rubrique du losc, l'image n'est pas centré sous firefox alors qu'elle l'est sous IE et aussi dans le tableau ou il y a l'image du stade, il n'y a pas la meme distance entre le haut de l'image et le tableau et entre le bas de l'image et le tableau, regarder la difference avec firefox et IE, vous comprendrez.
Le 2eme souci, c'est par raport a vista (je pense). Car mon autre ordi equipé de vista, a creé un decalage de la gauche de mon tableau (tableau contenant le menu) contrairement a XP.
Je sais pas si j'ai été clair, mais si vous pouriez m'aider ce serait sympa
merci d'avance
A voir également:
- Allezlelosc forum
- Telecharger firefox - Télécharger - Navigateurs
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Editeur html - Télécharger - HTML
- Exporter favoris firefox - Guide
- Ie tab firefox - Télécharger - Outils pour navigateurs
4 réponses
Salut!
J'ai regardé un peu ton code et il est vraiment pas propre du tout...
lg 4 <img src="header.jpg" alt="" style="text-align:center" width="900" height="150" />
Un "text-align" sur une image n'est surement pas correct! Vérifie déja ton html aussi pcq un "<font face="Arial" color="white" >" est évitable quand-même...
Ton menu est assez bizar aussi...
<p class="test">site officiel :</p>
<ul><li><a href="https://www.losc.fr/">www.losc.fr</a></li></ul>
<p class="test">sites non-officiels :</p>
<ul><li><a href="https://www.allezlelosc.fr/">www.allezlelosc.com</a></li></ul>
<ul><li><a href="http://www.footlille.com">www.footlille.com</a></li> </ul>
<p class="test">forum :</p>
<ul><li><a href="href=http://www.allezlelosc.com/forums/viewforum.php?f=1&sid=7c918cafdc39deb2723edb9af56267ab" >www.allezlelosc.com</a></li></ul>
Créer une liste pour chaque puce c'est pas vraiment logique...
Mais bon pour ton problème vérifie tes margin dans ton css... et pour centré ta page place un margin:auto; dans body { }
lg138 padding-riht:20px;
Surement une faute de frappe ;)
Mon seul conseil est donc de vérifier encore et encore ton css et tes margin...
J'ai regardé un peu ton code et il est vraiment pas propre du tout...
lg 4 <img src="header.jpg" alt="" style="text-align:center" width="900" height="150" />
Un "text-align" sur une image n'est surement pas correct! Vérifie déja ton html aussi pcq un "<font face="Arial" color="white" >" est évitable quand-même...
Ton menu est assez bizar aussi...
<p class="test">site officiel :</p>
<ul><li><a href="https://www.losc.fr/">www.losc.fr</a></li></ul>
<p class="test">sites non-officiels :</p>
<ul><li><a href="https://www.allezlelosc.fr/">www.allezlelosc.com</a></li></ul>
<ul><li><a href="http://www.footlille.com">www.footlille.com</a></li> </ul>
<p class="test">forum :</p>
<ul><li><a href="href=http://www.allezlelosc.com/forums/viewforum.php?f=1&sid=7c918cafdc39deb2723edb9af56267ab" >www.allezlelosc.com</a></li></ul>
Créer une liste pour chaque puce c'est pas vraiment logique...
Mais bon pour ton problème vérifie tes margin dans ton css... et pour centré ta page place un margin:auto; dans body { }
lg138 padding-riht:20px;
Surement une faute de frappe ;)
Mon seul conseil est donc de vérifier encore et encore ton css et tes margin...
ok, je vais regardé
je sais que mon code n'est pas tres propre, y'a pas trop longtemp que j'ai appris
je sais que mon code n'est pas tres propre, y'a pas trop longtemp que j'ai appris
c'est bon j'ai reussi
c'était donc mon code qui n'était pas correct
par contre, j'ai comparé avec vista et toute ma page est decalé un peu a gauche (sauf pour le "by remi" qui est tout en bas) tandis que sur xp, elle est centré
Es ce normal ou pas?
c'était donc mon code qui n'était pas correct
par contre, j'ai comparé avec vista et toute ma page est decalé un peu a gauche (sauf pour le "by remi" qui est tout en bas) tandis que sur xp, elle est centré
Es ce normal ou pas?
Je te conseille d'utiliser le margin : auto; en css pour une mise en page reconnue par tous les navigateurs...
par exemple
html:
css:
n'oublie pas de mettre un css sur ton body aussi pour eviter les marges automatiques
exemple:
ou en html:
et en css:
il vaut mieux utiliser les attributs "class" (.) pour le texte et les "id" (#) pour les éléments de mise en forme.
tu peux regarder le code de mon site si tu veux, il est toujours en construction mais bon ça peut aider...
https://laplumesurlatoile.com/accueil
par exemple
html:
<div id="image"> </div>
css:
#image {
margin-top: 0px
margin-right: auto;
margin-left: auto;
}
n'oublie pas de mettre un css sur ton body aussi pour eviter les marges automatiques
exemple:
body {
margin :0px
}
ou en html:
<body id="bodyaccueil">blablablabla</body>
et en css:
#bodyaccueil {
margin: 0px
}
il vaut mieux utiliser les attributs "class" (.) pour le texte et les "id" (#) pour les éléments de mise en forme.
tu peux regarder le code de mon site si tu veux, il est toujours en construction mais bon ça peut aider...
https://laplumesurlatoile.com/accueil
