rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Probleme html avec firefox et IE

Posté par remi059, le samedi 5 avril 2008 à 15:19:05
Bonjour,
j'ai 2 petits soucis.

J'ai creé ma page internet avec orange (http://pagesperso-orange.fr/remi59 , 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
Configuration: Windows XP
Internet Explorer 7.0
Répondre à remi059  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
freeghost, le samedi 5 avril 2008 à 17:02:26
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="http://www.losc.fr">www.losc.fr</a>­</li></ul>
<p class="test">sites non-officiels :</p>
<ul><li><a href="http://www.allezlelosc.com">www.allezlelo­sc.com</a></li></ul>
<ul><li><a href="http://www.footlille.com">www.footlille.c­om</a></li> </ul>
<p class="test">forum :</p>
<ul><li><a href="href=http://www.allezlelosc.com/..." >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... [Freeghost] -- Webmaster
www.xeo-design.be
   
Répondre à freeghost

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
remi059, le samedi 5 avril 2008 à 17:16:19
ok, je vais regardé
je sais que mon code n'est pas tres propre, y'a pas trop longtemp que j'ai appris
   
Répondre à remi059

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
remi059, le dimanche 6 avril 2008 à 22:12:09
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?
   
Répondre à remi059

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Judes-Emile Bornes IV, le dimanche 6 avril 2008 à 22:45:29
Je te conseille d'utiliser le margin : auto; en css pour une mise en page reconnue par tous les navigateurs...
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...
http://www.laplumesurlatoile.com
   
Répondre à Judes-Emile Bornes IV

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Judes-Emile Bornes IV, le dimanche 6 avril 2008 à 23:12:50
<br/> :<br/>:

ça, ça va pas du tout ça fait un peu sale... 

<br />

sinon ton image tu peux la mettre en css aussi... 
<div id="image"></div>


#image {
background-image: url(images/terre.jpg);


Je te conseille de mettre toutes tes images dans un dossier "images" à la racine du site, ça fait plus propre!
   
Répondre à Judes-Emile Bornes IV
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger SetBrowser 1.4SetBrowser - SetBrowser est un programme très simple permettant de définir le navigateur par défaut dans Windows. Choisir le...Catégorie: Web
Licence: Freeware/gratuit
Télécharger Web Developer Toolbar 1.1.6Web Developer Toolbar - WebDeveloper est une extension firefox représentant une formidable boîte à outils pour examiner et manipuler les pages...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Télécharger Firefox 3.0.1Firefox - Mozilla Firefox 3 est un excellent navigateur qui peut fonctionner à côté d' Internet Explorer ou le remplacer. Il...Catégorie: Navigateurs
Licence: Open Source
Télécharger HTML Tidy 0.008HTML Tidy - HTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire...Catégorie: Webmaster
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « probleme html avec firefox et IE »