debutant HTML prob IE7

debutant HTML prob IE7 - HTML/CSS - Programmation

Marsh Posté le 24-05-2007 à 10:05:55    

voila mon code HTML :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3. <head>
  4.  <title>bienvenu sur mon site</title>
  5.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.  <link rel="stylesheet" media="screen" type="text/css" title="page_accueil_style" href="style.css" />
  7. </head>
  9. <body>
  10.  <div id="logo">
  11.   <img src="./logo.png" alt="Logo_site" title="Logo Intégral micro" />
  12.  </div>
  14.  <div id="part">
  15.   <a href="./page_particulier.html">
  16.    <img src="./particulier.png" alt="Accès au portail Particulier" title="Cliquer pour accèder" />
  17.   </a>
  18.  </div>
  20.  <div id="pro">
  21.   <a href="./page_pro.html">
  22.    <img src="./professionnel.png" alt="Accès au portail Professionnel" title="Cliquer pour accèder" />
  23.   </a>
  24.  </div>
  26.  <div id="contact">
  27.   <img src="./contact.png" alt="contact" title="telephone" />
  28.  </div>
  30.  <p>
  31.   <center><span class="adresse">10 rue hardware 99000 france</span></center>
  32.  </p>
  33. </body>
  34. </html>


 
 
voila le css associer :
 

Code :
  1. body
  2. {
  3.    width: 481px;
  4.    margin: auto;
  5.    margin-top: 20px;
  6.    margin-bottom: 20px;
  7.    background-color: rgb(70,115,156);
  8. }
  10. #contact
  11. {
  12. }
  14. .adresse
  15. {
  16. font-size:0.8em;
  17. color:white;
  18. }
  20. #logo
  21. {
  22. }
  24. #part
  25. {
  26. float: left;
  27. margin-bottom:20px;
  28. }
  30. #pro
  31. {
  32. float: right;
  33. margin-bottom:20px;
  34. }
  36. a img
  37. {
  38. border:none;
  39. }


 
le truc c que sur firefox tout va bien sur IE7 ya une ptit probleme...c'est que l'image contact.png et logo.png disparaisse et je ne comprend toujours pas pourquoi!!
 
merci

Reply

Marsh Posté le 24-05-2007 à 10:05:55   

Reply

Marsh Posté le 24-05-2007 à 12:03:06    

Sans les images comment répondre ?
Il y a plusieurs possibilités.
Pour commencer ajoute
position:relative; dans #contact et #logo

Reply

Marsh Posté le 24-05-2007 à 22:07:41    

une solution : tu donnes à tes div respectifs les dimensions des images repectives et tu leur attribues les images en background, et pas dans le html


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Sujets relatifs:

Leave a Replay

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