Probleme d'affichage sur IE comparé à FF

Probleme d'affichage sur IE comparé à FF - HTML/CSS - Programmation

Marsh Posté le 31-05-2009 à 19:50:48    

Bonjour,  
 
j'ai fais un site, avec une feuille de style.CSS où j'ai paramétré, entre autre, les propriétés de ma page et de mon "centre" de page
 
J'ai fais les ajustement en utilisant WAMPSERVER, avec FireFox.  
 
La je viens de mettre le site en ligne, ca marche super avec Firefox, cependant avec IE le centre de ma page s'arrete 1 cm trop tot du coup on voit l'arriere plan de ma page dépasser ... beurk
 
Y a t'il un moyen d'y remedier ?  tenez, le liens pour que vous puissiez juger par vous meme
 
http://www.compterendutp.webou.net/biochimie.html
 
nb : dans mon index.html ca marche avec les 2 navigateurs, mais il n'y a pas de lien car la feuille de style est différente pour la partie #centre et #gauche

Reply

Marsh Posté le 31-05-2009 à 19:50:48   

Reply

Marsh Posté le 01-06-2009 à 13:38:49    

Tout ce que je vois, c'est que sous FF il y a une bande verte en haut, qui n'est pas formidable. Même si le choix des couleurs laisse à désirer, je préfère encore l'affichage sous IE.
A noter aussi qu'il manque un guillemet à cette ligne.
 

Code :
  1. <form id="form2" name="form2" method="get" action="resultat.php">
  2.     <table width="514 border="1">


 
Et j'ajouterai que je n'aime pas tellement la balise <center>. Je préfère <div align="center"> ou <p align="center">


Message édité par aideinfo le 01-06-2009 à 13:50:58

---------------
http://www.aideinfo.com/  Whois adresses IP/domaines le plus évolué !!  FAQ Free Mobile
Reply

Marsh Posté le 01-06-2009 à 22:21:43    

Pourquoi tu n'aimes pas les <center> ?  :p
Merci pour le guillemet, je viens de le rajouter.  
 
Par contre la bande qui apparait sous IE et non sous FF se situe juste sous le boutton "valider" de ma page.  Sous FF il n'y a pas cette bande (donc c'est ce que je souhaite) alors que sous IE elle y est ...    
 
Et en opposition, dans mon menu de gauche, en bas j'ai une petite bande verte qui apparait sous FF et qui n'apparait pas sous IE (ce qui est préférable ^^)
 
Pour les couleurs, mon site est en construction et c'est loin d'etre définitif  :kaola:  
 
Merci pour ta reponse ;). Par contre si quelqun a une solution ca serait avec joie
Merci

Reply

Marsh Posté le 02-06-2009 à 00:13:58    

Le plus simple serait d'employer la technique dite des "Faux Columns"
http://www.alistapart.com/articles/fauxcolumns/
En gros une image en background sur le container des 3 colonnes.
Mais bon, sans voir ton design, ce n'est pas évident de te dire comment faire.

Reply

Marsh Posté le 02-06-2009 à 14:40:11    

Sous FF, j'ai aussi une bande verte en bas !
 
http://zepload.com/images/1243946294_biochimie.jpg
 
LA seule différence est uen bande verte tout en haut sous FF.
 
La balise CENTER ne fait plus partie des standards.

Message cité 1 fois
Message édité par aideinfo le 02-06-2009 à 14:45:39

---------------
http://www.aideinfo.com/  Whois adresses IP/domaines le plus évolué !!  FAQ Free Mobile
Reply

Marsh Posté le 04-06-2009 à 23:18:37    

aideinfo a écrit :

Sous FF, j'ai aussi une bande verte en bas !


 
Ba merde c'est quoi ce truc ? Je viens de revérifier, j'ai pas de bande verte moi sous FF.... Je deviens fou j'en peux plus. Pourquoi dans mon index.html c'est niquel avec les 2 navigateurs...  :lol:  
 
(nb : qu'est ce qui "remplace" la balise center ? )
 
Pour David, le truc des "faux columns" n'a pas l'air trop mal mais je me pose la question : ca risque pas de merder suivant la résolution de l'écran des utilisateurs ? J'ai presque l'impression que si mais j'en suis pas sur (a verif)

Reply

Marsh Posté le 04-06-2009 à 23:27:54    

charlelechauve a écrit :


...
(nb : qu'est ce qui "remplace" la balise center ? )
...


 

Code :
  1. <div style="text-align: center;">lorem ipsum</div>


(on peut passer directement par une feuille de style of course :o )


Message édité par SICKofitALL le 04-06-2009 à 23:28:47

---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed