Rechercher : dans
Par :

Probleme html avec firefox et IE

Dernière réponse le 6 avr 2008 à 23:12:50 remi059, le 5 avr 2008 à 15:19:05 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « probleme html avec firefox et IE » dans :
Faire un zoom rapide sous Firefox / IE VoirFaire un zoom sur une fenêtre de Mozilla Firefox ou Internet Explorer ? Sous Internet Explorer on peut aussi faire un zoom en bas a droite de la page : Mais il y a une autre façon que celle-ci pour Internet Explorer ET Mozilla Firefox,...
[IE] Erreur de script / Effectuer un débogage VoirDe temps en temps, lorsque vous naviguez sur le Net et que vous chargez une page Web, un message d'erreur de script survient : Une erreur est survenue. Une erreur est survenue sur le script de cette page. Souhaitez-vous effectuer un débogage...
Télécharger IETab VoirIE Tab est une extension pour Mozilla Firefox, et uniquement pour les systèmes d'exploitation Windows. Elle permet à une page Web ou à un lien d'être ouvert dans un onglet de Firefox avec le moteur d'Internet Explorer. Cette extension est...

1

freeghost, le 5 avr 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.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/..." >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

remi059, le 5 avr 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

remi059, le 6 avr 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

Judes-Emile Bornes IV, le 6 avr 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

 Judes-Emile Bornes IV, le 6 avr 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