probleme sur IE

probleme sur IE - HTML/CSS - Programmation

Marsh Posté le 06-09-2005 à 18:51:50    

hello, j'ai voulu voir mon niveau en css donc j'ai crée ce menu shematisé :
 
voici mon code :
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  3. <html>
  4. <head>
  5. <title>Untitled</title>
  6. <style type="text/css">
  7. <!--
  9. body {
  10. margin: 10px 3%;
  11.      }
  13. #header {
  14. background-color: #3333ff;
  15. height: 100px;
  16.         }
  17. #menuhaut {
  18. margin: 0px;
  19. height: 20px;
  20. background-color: #0066ff;
  21.           }
  23. #menuhaut li  {
  24. float: right;
  25. list-style-type: none;
  26. text-indent: 30px;
  27.                 }      
  29. #menuhaut li a {
  30. color: gray;
  31. font size: 1.2em;
  32.                }
  34. #menuhaut li a:hover {
  35. color: black;
  36. text-decoration: none;
  37.                      }
  39. #gauche {
  40. position: absolute;
  41. left: 1%px;
  42. width: 300px;
  43. background: #6633cc;
  44. text-align: center;
  45.         }
  47. #gauche li {
  48. list-style-type: none;
  49. margin: 0 0px;
  50.            }
  52. #gauche li a {
  53. color: gray;
  54.              }
  56. #gauche li a:hover {
  57. color: black;
  58. text-decoration: none;
  59.                    }
  61. #centre {
  62. background: #993300;
  63. margin-left: 300px;
  64.         }
  68. -->
  69. </style>
  70. </head>
  71. <body>
  73. <div id="header">
  74. logo du site, image, header ....
  75. </div>
  77. <div id="haut">
  78.   <ul id="menuhaut">
  80.    <li><a href="#">lien n°1</a></li>
  81.   <li><a href="#">lien n°2</a></li>
  82.   <li><a href="#">lien n°3</a></li>
  83.   <li><a href="#">lien n°4</a></li>
  84.   <li><a href="#">lien n°5</a></li>
  85. </ul>
  87. </div>
  89. <div id="gauche">
  91.   <ul>
  92.   <li><a href="#">lien n°1.1</a></li>
  93.    <li><a href="#">lien n°2.1</a></li>
  94.   <li><a href="#">lien n°3.1</a></li>
  95.   <li><a href="#">lien n°4.1</a></li>
  97.   <li><a href="#">lien n°5.1</a></li>
  98.  </ul>
  100. </div>
  102.    <div id="centre">
  103. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti.
  104. Cras leo nibh, aliquet nec, interdum et, consequat sed, nulla. Praesent
  105. nec quam quis augue auctor pulvinar. Nunc vehicula wisi et mi. Quisque ultricies
  106. volutpat metus. Nulla eu erat sed mauris euismod tempor. Aliquam sit amet quam
  107. vitae massa dignissim fringilla. Nam pharetra lobortis velit. Donec scelerisque,
  108. nisl a molestie vulputate, urna lectus rhoncus ante, in congue lacus erat ac
  109. urna. Duis quam. Phasellus diam eros, ullamcorper dictum, lacinia in, accumsan
  110. vel, felis. Ut at sapien. Class aptent taciti sociosqu ad litora torquent per
  111. conubia nostra, per inceptos hymenaeos.</p>
  112. <p>Sed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum.
  113. Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor
  114. pellentesque tempus. Aliquam dui nulla, suscipit nec, consectetuer a, fringilla
  115. sit amet, luctus at, purus. Integer nec arcu ac dui placerat rutrum. Maecenas
  116. dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo
  117. tempus nec, erat
  118.    </div>
  120. </div>
  126. </body>
  127. </html>


 
mais le prob il est la, sous mozilla firefox
 
http://img360.imageshack.us/img360/2463/m5wk.jpg
 
et sous IE sa foire  
 
http://img138.imageshack.us/img138/28/ie1wx.jpg
 
pk ?? comment faire pour regler le prob ????


---------------
mon site perso, allez visiter
Reply

Marsh Posté le 06-09-2005 à 18:51:50   

Reply

Marsh Posté le 06-09-2005 à 20:28:00    

Citation :

gauche {
position: absolute;
left: 1%px;


 
1% et px en même temps ? [:totoz]  
 
Ca peut causer ton erreur ça !  [:freekill]


Message édité par plainsofpain le 06-09-2005 à 20:29:15

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 06-09-2005 à 20:36:48    

merci trop beaucoup c'est ca ciao @+++


---------------
mon site perso, allez visiter
Reply

Marsh Posté le 07-09-2005 à 18:43:47    

j'ai encore continuier mais la il y a un autre prob : http://robinleynaud.free.fr/menubien
 
ouvrez le sous modzilla firefox et sous I.E !!!!!
 
pk sa marche pas sur modzilla ????


Message édité par alaindeloin69 le 07-09-2005 à 18:48:27
Reply

Marsh Posté le 08-09-2005 à 06:43:31    

Parce que tu as insulté Firefox, c'est pas Modzilla mais Mozilla FireFox
 
alors il te fait la gueule

Reply

Marsh Posté le 08-09-2005 à 11:43:44    

C'est quoi "Modzilla" ? C'est un mod pour IE qui lui donne la tronche de firefox?
C'est étonant le nombre de personnes qui rajoutent un d à la Godzilla alors que cette lettre n'a jamais fait partie du nom de ce navigateur. google trouve quand même plus de 40 000 pages web dans lequel il y a écrit "Modzilla".

Reply

Marsh Posté le 10-09-2005 à 23:59:30    

lol dsl ... mais répondez moi svp, pk sa marche pas sur MOZILLA ???


---------------
mon site perso, allez visiter
Reply

Sujets relatifs:

Leave a Replay

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