CSS IE/Firefox

Répondre
DaRkSeeD
le 14/07/2005 à 04:40
DaRkSeeD
Déconnecté
..:: D.a.R.k.S.e.e.D ::..
Je sais que c'est une question que plusieurs posent mais je suis plus capable de chercher sur le net personne répond correctement. Vous êtes mon dernier recours.

Voici mon CSS et mon HTML, en firefox tout est parfait et avec IE rien ne va. Que faire ???

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>Temp CSS for Alliance</title>
  6. <link rel="stylesheet" type="text/css" href="style.css" />
  7. </head>
  8.  
  9. <body>
  10.  
  11. <div class="TableauHeader">
  12. <img src="http://www.alliance-elites.com/images/logo.jpg" width="750"height="201">
  13. </div>
  14. <div class="TableauPrincipale">
  15.    TEST
  16.    <br>
  17.    <br>
  18. </div>
  19. <div class="TableauFooter">
  20. </div>
  21.  
  22.  
  23. </body>
  24. </html> 


et mon CSS

  1. /* CSS Document */
  2. body {
  3. margin-bottom: 10px;
  4. margin-top: 10px;
  5. text-align: left;
  6. background-color: #515151;
  7. color: #FFFFFF;
  8. }
  9.  
  10. a:link {
  11. color: #5B7785;
  12. text-decoration: none;
  13. }
  14. a:hover {
  15. color: #5B7785;
  16. text-decoration: none;
  17. }
  18. a:active {
  19. color: #5B7785;
  20. text-decoration: none;
  21. }
  22. a:visited {
  23. color: #5B7785;
  24. text-decoration: none;
  25. }
  26.  
  27. div.TableauHeader {
  28.    padding-left: 0px;
  29.    padding-right: 0px;
  30.    padding-top: 0px;
  31.    padding-bottom: 0px;
  32.    width: 750px;
  33.    text-align: center;
  34.    border: 0px;
  35.    margin: 0 auto;
  36. }
  37.  
  38. div.TableauPrincipale {
  39.    padding-left: 0px;
  40.    padding-right: 0px;
  41.    padding-top: 0px;
  42.    padding-bottom: 0px;
  43.    width: 750px;
  44.    background-repeat:repeat;
  45.    background: url(Http://www.alliance-elites.com/images/border.gif); 
  46.    background-color:#000000;
  47.    text-align: center;
  48.    margin: 0 auto;
  49. }
  50.  
  51. div.TableauFooter {
  52.    padding-left: 0px;
  53.    padding-right: 0px;
  54.    padding-top: 0px;
  55.    padding-bottom: 0px;
  56.    width: 750px;
  57.    height: 7px;
  58.    background-repeat:no-repeat;
  59.    background: url(Http://www.alliance-elites.com/images/bottomborder.gif);
  60.    background-color:#000000;
  61.    margin: 0 auto;
  62. } 


Merci beaucoup pour votre aide
DaRkSeeD
le 14/07/2005 à 06:18
DaRkSeeD
Déconnecté
..:: D.a.R.k.S.e.e.D ::..
J'ai trouver !!!

j'ai ajouter
  1. font-size:0; 

a tableHeader et TableFooter.

Et sa semble avoir règler le problème.

Voulez vous ben me dire pkoi ya encore du monde qui utilise IE ?!?!??! smiley
DaRkSeeD
le 14/07/2005 à 08:08
DaRkSeeD
Déconnecté
..:: D.a.R.k.S.e.e.D ::..
P-e une autre question vu que vous n'avez pas u a répondre à ma première question :

Lorsqu'en HTML on fait une <form> comment je peux faire pour enlever l'espace qui se créer (comme un ) en dessous du </form>
mojorisin
le 15/07/2005 à 08:13
mojorisin
Déconnecté
echo ’16i[q]sa[ln0=aln100%Pln100/snlbx]sbA0D4D465452snlbxq’|dc
Je dirais à l'aide de la propriété display de css ou en spécifiant des marges et le remplissage à 0.
dispay:inline
margin:0;
padding:0:
Répondre
Accès rapide :

Remonter Remonter
L'éditeur javascript - CSS - Gentoo - Tutoriaux PHP - Tutoriels PHP - Php - Breizh Blog