feuille css pas compatible IE

feuille css pas compatible IE - HTML/CSS - Programmation

Marsh Posté le 10-03-2006 à 13:05:27    

Salut les progeux !
j'ai un soucis avec ma feuille de style, apparement ca déconne grve dans IE et comme j'ai pas de PC, j'ai essayé de réparer à l'aveugle mais rien.... :(
 
quelqu'un peut m'aider ?
 
voici la feuille :
 

Code :
  1. body
  2. {
  3. margin:0px;
  4. background-image: url(images/hgfd.jpg);
  5. background-repeat: no-repeat;
  6. }
  8. p, div, h3, h4, li, span
  9. {
  10. padding:0;
  11. margin:0;
  12. }
  14. p, blockquote, li
  15. {
  16. font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
  17. font-size: 11px;
  18. text-align: left;
  19. }
  21. .content
  22. {
  23. width: 760px;
  24. \width: 770px;
  25. w\idth: 760px;
  26. margin-left: auto;
  27. margin-right: auto;
  28. padding-bottom: 10px;
  29. }
  31. #foot
  32. {
  33. clear: both;
  34. margin-top: 5px;
  35. background-color:#000;
  36. color:#fff;
  37. font-family: Georgia, Times, Serif;
  38. text-align: center;
  39. }
  41. a
  42. {
  43. color: black;
  44. text-decoration: none;
  45. border-bottom: 1px black dotted;
  46. }
  48. a:hover
  49. {
  50. color: black;
  51. text-decoration: none;
  52. border-bottom: 0px;
  53. }
  55. h3
  56. {
  57. font-family: Georgia, Times, Serif;
  58. font-weight: bold;
  59. font-size: 13px;
  60. }
  62. h3 a
  63. {
  64. border: 0px;
  65. font-weight: bold;
  66. font-family: Georgia, Times, Serif;
  67. font-size: 13px;
  68. }
  70. h4
  71. {
  72. font-weight: bold;
  73. font-size: 13px;
  74. }
  76. h4 a
  77. {
  78. border-bottom: 1px black dotted;
  79. font-weight: bold;
  80. font-family: Georgia, Times, Serif;
  81. font-size: 13px;
  82. }
  84. h4 a:hover
  85. {
  86. border-bottom: 0px;
  87. }
  89. .recent_comments a
  90. {
  91. font-weight: normal;
  92. }
  94. p
  95. {
  96. text-align:justify;
  97. }
  99. .comments_invite a, .auteur
  100. {
  101. font-weight: normal;
  102. font-family: Georgia, Times, Serif;
  103. font-size : 9px;
  104. }
  106. li a
  107. {
  108. font-weight: bold;
  109. font-family: Georgia, Times, Serif;
  110. font-size : 11px;
  111. }
  113. #colone1
  114. {
  115. margin-left: 420px;
  116. margin-right: 155px;
  117. }
  119. #articles {
  120. float:left;
  121. width: 415px;
  122. }
  124. #articles p {
  125. margin:5px;
  126. }
  128. #colone2 {
  129. float:right;
  130. width: 145px;
  131. }
  133. #edito {
  134. padding-left: 155px;
  135. padding-right: 155px;
  136. }
  138. #menu
  139. {
  140. float:right;
  141. width:150px;
  142. }
  144. #logo
  145. {
  146. clear:both;
  147. width:100%;
  148. background-image: url(images/fond.jpg);
  149. }
  151. #colone2 p,#colone1 p
  152. {
  153. text-align:justify;
  154. padding:0px;
  155. margin:0px;
  156. }
  158. .infos
  159. {
  160. padding-bottom:2px;
  161. margin-bottom:3px;
  162. border-bottom: 1px black dotted;
  163. font-size: 11px;
  164. }
  166. ul {
  167. list-style-type: none;
  168. }


Message édité par an3k le 10-03-2006 à 13:31:06
Reply

Marsh Posté le 10-03-2006 à 13:05:27   

Reply

Marsh Posté le 10-03-2006 à 13:15:06    

code HTML  ?????????????
 
et vire moi tes faux hack IE, safari, apparament tu as du merder quelques part
 
/me avait pas vu que c'était an3k aux commandes.
 
Ben tu files le code CSS les images si possible aussi et jte répare ça, pas cet aprem je suis pas là.
Ou un lien aussi vers la page ca sera trop bon

Reply

Marsh Posté le 10-03-2006 à 13:28:55    

et le xhtml (textpattern) :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <link rel="stylesheet" href="css.php?s=default" type="text/css" media="screen" />
  7. <title>fghfgfggfhfgdhdfg</title>
  8. </head>
  9. <body>
  12. <div class="content">
  13.    <ul id="menu">
  14. <li><a href="../index.php">Accueil</a></li>
  15. <li><a href="index.php?c=action">dffddsffds</a></li>
  16. <li><a href="index.php?c=externe">dfgfdgfe</a></li>
  17. <li><a href="index.php?c=interne">dsqdsdsqdqs</a></li>
  18. <li><a href="index.php?c=analyse">srtezrezzer</a></li>
  19. <li><a href="index.php?c=organisation">sffsde</a></li>
  20. <li><a href="index.php?c=presse">sdfgfefefef</a></li>
  21. <li><a href="index.php?c=informations">Ifdfdsfdsfsf</a></li>
  22. <li><a href="index.php?id=10">Contacts</a></li>
  23.    </ul>
  25.    <div id="edito">
  26. <h3>Jfsdfsdffdsf</h3>
  27. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut libero. Vivamus metus nunc, varius hendrerit, congue sed, lacinia sed, nulla. Donec a metus non odio commodo iaculis. Praesent pellentesque ultrices elit. Donec sodales euismod lacus. Curabitur non tellus quis orci placerat cursus. Donec at nibh vel ipsum lacinia pellentesque. Suspendisse rhoncus nunc eu odio. Sed bibendum dapibus enim. Donec at turpis sed nisl vestibulum posuere. Aliquam blandit nulla vehicula arcu. Fusce arcu. Praesent pellentesque ultricies felis. Suspendisse at ligula nec eros euismod vehicula.</p>
  28.    </div>
  29. </div>
  31. <div id="logo"><center><img src="images/logo.jpg" /></center></div>
  33. <div class="content">
  34.   <div id="articles">
  35.    <div class="infos">
  36. <h3><a href=index.php?id=28" title="Permalien vers l'article">ffddfsggffdgfs</a><span class="auteur"> &#183;  9 mars 2006, 11:59 par dfgfdgfdfgfdg</span></h3>
  37. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ut libero. Vivamus metus nunc, varius hendrerit, congue sed, lacinia sed, nulla. Donec a metus non odio commodo iaculis. Praesent pellentesque ultrices elit. Donec sodales euismod lacus.</p>
  38. <p><span class="comments_invite"><a href="index.php?id=28#commenter"  class="comments_invite">Commentaire</a> [1]</span><span class="comments_invite"> - <a href="index.php?id=28" title="Permalien vers l'article">Lire la suite</a></span></p>
  39.   </div>
  40.   <div class="infos">
  41. <h3><a href="index.php?id=27" title="Permalien vers l'article">dfgfdggffdggert</a><span class="auteur"> &#183;  8 mars 2006, 09:36 par fdgddfggdfsgdsdfg</span></h3>
  42. <p>Vivamus eget tellus sollicitudin orci fermentum cursus. Vestibulum vitae elit dapibus justo ullamcorper faucibus. Suspendisse vehicula, ante ac sollicitudin porttitor, lectus enim pretium lacus, vel placerat ante sem iaculis leo. Nam leo neque, ornare sed, ornare quis, sodales at, mauris. Etiam bibendum iaculis lacus.</p>
  43. <p><span class="comments_invite"><a href="index.php?id=27#commenter"  class="comments_invite">Commentaire</a></span><span class="comments_invite"> - <a href="index.php?id=27" title="Permalien vers l'article">Lire la suite</a></span></p>
  44.   </div>
  45.   <div class="infos">
  46. <h3><a href="index.php?id=26" title="Permalien vers l'article">sdsqsdqssdsqdqsd</a><span class="auteur"> &#183;  6 mars 2006, 10:18 par gfh hgh</span></h3>
  47. <p>Mauris quis turpis. Etiam eu justo. Morbi sed augue. Aliquam cursus orci sed risus. Curabitur consequat massa aliquet eros. Aenean bibendum, mi ac feugiat porttitor, ligula elit auctor enim, id tempus justo lectus et sapien. Sed nisl.</p>
  48. <p><span class="comments_invite"><a href="index.php?id=26#commenter"  class="comments_invite">Commentaire</a></span><span class="comments_invite"> - <a href="index.php?id=26" title="Permalien vers l'article">Lire la suite</a></span></p>
  49.   </div>
  51.    <p>
  52.    <a href="index.php?pg=2">Previous</a>
  53.    </p>
  54. </div>
  56.    <div id="colone2">
  57. <h3>Informations</h3>
  58.  <div class="infos"><p><h4><a href="index.php?id=26" title="Permalien vers l'article">fghgfhgfghfghf</a></h4>
  59.  <p>vvccxvcvxxcvv</p>
  60.  </p></div>
  62.  <div class="infos"><p><h4><a href="index.php?id=25" title="Permalien vers l'article">dsffdsdsfsdf</a></h4>
  63.  <p> fdsf sdfq fsd f dsfqfd fds df dffd f sdq sfd</p>
  64.  </p></div>
  66.  <div class="infos"><p><h4><a href="index.php?id=24" title="Permalien vers l'article">dfgdsfgsdf gdf sdgfdfg dfd</a></h4>
  67.  <p> gg gg gr ggs dfgfdgfg ssdfsd</p>
  68.  </p></div>
  70.  <div class="infos"><p><h4><a href="index.php?id=23" title="Permalien vers l'article">gfh fhg dfgh fgd fh fgh gf</a></h4>
  71.  <p> gfhdfgfgh gfhd h hg dh dhf gh g gfd</p>
  72.  </p></div>
  74.  <div class="infos"><p><h4><a href="index.php?id=22" title="Permalien vers l'article"> gfhd fgh hfgh fdg h fgh gfd fg</a></h4>
  75.  <p>gfh hdfg h gf fgsdfdthyth thrt ghftr hgf</p>
  76.  </p></div>
  78.  <div class="infos"><p><h4><a href="index.php?id=19" title="Permalien vers l'article">h jghfj hgj gf j  </a></h4>
  79.  <p> ghj ghj hj dfgj ghjgfdhdfghfgh h fgh d fg</p>
  80.  </p></div>
  83. <div id="colone1">
  84. <h3>Articles</h3>
  85. <div class="infos">
  86.  <h4><a href="index.php?id=21" title="Permalien vers l'article">hfgdfggfdg !</a></h4>le 24 février 2006, 10:38<br />par dsf dsf q fdqsdf ds
  87. </div>
  88. <div class="infos">
  89.  <h4><a href="index.php?id=20" title="Permalien vers l'article">sdfsd dfsq fd sf</a></h4>le 24 février 2006, 10:22<br />par dsf ds fdsdq
  90. </div>
  92. <h3>Commentaires</h3>
  93. <h4 class="recent_comments"><a href="index.php?id=28#c000018">Hdsfqo (dsfsdffsdsdf)</a><br />
  94.  <a href="index.php?id=25#c000017">dfssqd (dssfq dqsdq!)</a><br />
  95.  <a href="index.php?id=22#c000016">mascarade (dssdsdqsdfh)</a><br />
  96.  <a href=index.php?id=19#c000015">adqsf sdf (Nsdfsdsdf G)</a><br />
  97.  <a href="index.php?id=19#c000014">Mqsd sq (sd  sdfsdsd)</a><br />
  98.  <a href="index.php?id=19#c000013">nsqd (sfsd d vsdfsd d)</a><br />
  99.  <a href="index.php?id=19#c000012">bsq dsd (ds fq fsd dsq)</a><br />
  100. </h4>
  102. </div>
  104. </div>
  106. <div id="foot">sqdfsdf f ds sdqdsf - 2006</div>
  108. </body>
  109. </html>

Reply

Marsh Posté le 10-03-2006 à 13:29:59    

oui j'ai mis un peu de temps pour le xhtml, parce vu que c'est pour un truc semi politique, je veux pas de polémiques alors il fallait que je cache les textes :P
 
merci du coup de main gat' ;)

Reply

Marsh Posté le 10-03-2006 à 18:17:58    

ton xHTML est à corriger aussi ya pas mal d'erreur, j'espère que tu me pardonnera d'y toucher

Reply

Marsh Posté le 10-03-2006 à 18:42:22    

bah bien sur quand même ;)

Reply

Sujets relatifs:

Leave a Replay

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