Menu vertical déroulant hs sous firefox

Menu vertical déroulant hs sous firefox - HTML/CSS - Programmation

Marsh Posté le 28-06-2005 à 18:32:59    

Salut, dans le cadre d'un stage je réalise un site internet. Voulant en profiter pour apprendre le php et les feuilles de style css, j'ai bâti mon site sur le CMS Itseasy.
J'ai aussi intégré un menu déroulant vertical que j'avais trouvé sur le site alsacréation. Dans la boite où je bosse, le site marche très bien, sous IE.
Ce soir je rentre chez moi avec une copie du site et horreure le menu déconne à fond sous firefox. Etant donné que firefox respecte beaucoup mieux les standarts je pense que le souci viens de mon code.
Voici l'url d'une page de mon site :
http://prc.rezoo.org/sivom
et le css correspondant :

Code :
  1. body {
  2. margin:0em;
  3. margin-top:0.5em;
  4. padding:0em;
  5. background:#F2F2F2;
  6. background-repeat:repeat-y;
  7. color:#000;
  8. font-family:"Trebuchet MS", verdana, sans-serif;
  9. font-size:0.75em;
  10. }
  12. .sn_date
  13. {
  14. font-size : 0.9em;
  15. color : #001EFF;
  16. text-align : justify;
  17. }
  18. .sn_new
  19. {
  20. font-size : 1.0em;
  21. color : #000000;
  22. text-align : justify;
  23. }
  26. #menu {
  27. position: float;
  28. top: 10em;
  29. left: 1em;
  30. width: 10em;
  31. }
  33. #menu ul {
  34. margin: 0em;
  35. padding:2px;
  36. list-style: none;
  37. float : left;
  38. width : 11em;
  39. }
  41. #menu li {
  42. color:#666;
  43. font-weight:bold;
  44. text-align: left;
  45. font-size: 85%;
  46. height: 20px;
  47. line-height: 20px;
  48. background:#fff;
  50. }
  52. #menu li ul {
  53. font-size: 120%;
  54. }
  56. #menu li ul li{
  57. margin-left : 0.3em;
  58. }
  60. #menu li a, #menu dt a {
  61. color: #000;
  62. text-decoration: none;
  63. display: block;
  64. }
  66. #menu li a:hover {
  67. color :#0099FF ;
  68. }
  70. .lien_sortant {
  71. margin-right:18px;
  72. background:url("./images/out.png" );
  73. background-repeat:no-repeat;
  74. }
  76. .admin  {
  77. background:#FFF3F1;
  78. }
  80. .system {
  81. background:#F6FFF3;
  82. }
  84. blockquote {
  85. margin:1em;
  86. padding:1em;
  87. background:#dbf2fc;;
  88. -border:5px solid #dbf2fc;;
  89. -moz-border-radius:5px;
  90. }
  92. .bb_area {
  93. width:90%;
  94. }
  96. h1 {
  97. font-size:1.4em;
  98. color:#0099FF;
  99. margin-top:1.4em;
  100. margin-bottom:1.4em;
  101. }
  103. h2 {
  104. font-size:1.2em;
  105. margin-top:0em;
  106. color:#666;/*#087CAE;*/
  107. margin-top:1.3em;
  108. margin-bottom:1.3em;
  109. }
  112. h3 {
  113. font-size:1em;
  114. margin-top:0em;
  115. color:#087CAE;
  116. margin-top:1.3em;
  117. margin-bottom:1.3em;
  118. }
  121. strong {
  122. font-weight:bold;
  123. color:#444;
  124. }
  126. acronym {
  127. border-bottom:0.1em dotted #666;
  128. }
  130. ul {
  131. margin-top:1.5em;
  132. margin-bottom:1.5em;
  133. }
  135. li {
  136. margin-top:0.8em;
  137. margin-bottom:0.8em;
  138. }
  140. input, textarea {
  141. border:1px solid #DEDEDE;
  142. border-top:2px solid #DEDEDE;
  143. border-left:2px solid #DEDEDE;
  144. background:#dbf2fc;
  145. margin-top:0.3em;
  146. margin-bottom:0.3em;
  147. font-size:0.8em;
  148. }
  150. textarea {font-size:1em;width:80%;}
  152. input:hover {
  153. background:#f4fbfe;
  154. }
  156. p {
  157. line-height:1.7em;
  158. }
  160. a:link, a:visited {
  161. color:#666;
  162. text-decoration:underline;
  163. }
  165. a:hover {
  166. color:#0099FF;
  167. text-decoration:underline;
  168. }
  170. .spacer {
  171. border:0em;
  172. clear:both;
  173. margin:0em;
  174. padding:0em;
  175. width:0em;
  176. }
  178. .structure {
  179. padding:0em;
  180. background:#fff;
  181. border-left:1px solid #CDCDCD;
  182. border-right:1px solid #CDCDCD;
  183. width:780px;
  184. margin:auto;
  185. }
  187. .conteneur {
  188. background:#fff;
  189. background-position:bottom;
  190. }
  192. .header {
  193. height:65px;
  194. border-bottom:1px solid #CDCDCD;
  195. background:url("./images/header.png" ) #0ba6eb;
  196. color:#000;
  197. font-size:0.5em;
  198. }
  200. .gauche {
  201. float:left;
  202. width:20%;
  203. background:#fff;
  204. }
  206. .block_sommaire_gauche {
  207. margin:0em;
  208. }
  210. .block_sommaire_gauche a:link, .block_sommaire_gauche a:visited {
  211. text-decoration:none;
  212. border:0em;
  213. }
  215. .block_sommaire_gauche a:hover {
  216. color:#0099FF;
  217. }
  219. .block_sommaire_gauche p {
  220. margin:0em;
  221. padding-top:0.3em;
  222. padding-bottom:0.3em;
  223. text-indent:0.5em;
  224. color:#666;
  225. font-weight:bold;
  226. border-bottom:1px dotted #DEDEDE;
  227. background:#fff;
  228. }
  230. .block_sommaire_gauche ul {
  231. margin:0em;
  232. padding:0em;
  233. text-indent:1em;
  234. list-style: none;
  235. float : left;
  236. width : 11em;
  237. }
  239. .block_sommaire_gauche li {
  240. list-style-position:relative;
  241. list-style-type:none;
  242. float : left;
  243. line-height : 1.25em;
  244. width: 11em;
  245. margin-top:0em;
  246. margin-bottom:0em;
  247. padding-top:0.3em;
  248. padding-bottom:0.3em;
  249. background:#fff;
  250. }
  252. .block_sommaire_gauche li a:link, .block_sommaire_gauche li a:visited {
  253. text-decoration:none;
  254. font-weight:normal;
  255. color:#000;
  256. }
  258. .block_sommaire_gauche li a:hover {
  259. color:#0099FF;
  260. }
  262. .droite {
  263. float:left;
  264. width:20%;
  265. background:#fff;
  266. }
  268. .block_sommaire_droite {
  269. margin:0em;
  270. }
  272. .block_sommaire_droite h1 {
  273. margin:0em;
  274. padding-top:0.3em;
  275. padding-bottom:0.3em;
  276. text-indent:0.5em;
  277. color:#666;
  278. font-weight:bold;
  279. border-bottom:1px dotted #DEDEDE;
  280. background:#fff;
  281. font-size:1em;
  282. text-decoration:none;
  283. }
  285. .block_sommaire_droite h1 a {
  286. text-decoration:none;
  287. border:0em;
  288. }
  290. .block_sommaire_droite h1 a:link, .block_sommaire_droite h1 a:visited {
  291. text-decoration:none;
  292. border:0em;
  293. }
  295. .block_sommaire_droite h1 a:hover {
  296. color:#0099FF;
  297. }
  299. .block_sommaire_droite p, .block_sommaire_droite ul {
  300. margin:0em;
  301. padding:0.8em;
  302. text-align:justify;
  303. background:#fff;
  304. }
  306. .block_sommaire_droite ul {
  307. padding:0em;
  308. padding-left:0.8em;
  309. padding-right:0.8em;
  310. padding-bottom:1em;
  311. }
  313. .block_sommaire_droite li {
  314. list-style-position:inside;
  315. padding:0em;
  316. margin:0em;
  317. text-indent:1em;
  318. }
  320. .article_locked {
  321. margin:0em;
  322. background:url("./images/fond_article.png" ) #fff;
  323. }
  325. .article {
  326. float:left;
  327. width:59%;
  328. margin-top:0em;
  329. margin-bottom:0em;
  330. background:url("./images/fond_article.png" ) #fff;
  331. border-right:1px dotted #DEDEDE;
  332. border-left:1px dotted #DEDEDE;
  333. }
  335. .contenu_article {
  336. padding:1.5em;
  337. padding-top:0em;
  338. text-align:justify;
  339. }
  341. .contenu_article hr {
  342. border:0em;
  343. border-bottom:1px dotted #999;
  344. background:#fff;
  345. margin:auto;
  346. margin-top:1.8em;
  347. margin-bottom:1.8em;
  348. width:80%;
  349. text-align:center;
  350. }
  352. .footer {
  353. font-size:0.8em;
  354. padding:0.8em;
  355. text-align:right;
  356. border-top:1px solid #CDCDCD;
  357. border-bottom:1px solid #CDCDCD;
  358. background:url("./images/footer.png" ) #0ba6eb;
  359. background-position:bottom;
  360. color:#fff;
  361. }
  363. .powered {
  364. font-size:0.85em;
  365. text-align:center;
  366. color:#666;
  367. }
  369. .generation {
  370. width:99%;
  371. text-align:center;
  372. margin:1em;
  373. font-size:0.8em;
  374. color:#666;
  375. }
  377. .red {
  378. color:red;
  379. }
  381. .previsualisation {
  382. background:#fff;
  383. margin:0.5em;
  384. padding:1em;
  385. border:1px solid #cad0d8;
  386. }
  388. .localisation {
  389. font-size:0.9em;
  390. background:#fff;
  391. padding:0.3em;
  392. border-top:1px solid #fff;
  393. border-bottom:1px dotted #DEDEDE;
  394. }
  396. .editeur {
  397. height:500px;
  398. width:90%;
  399. }
  401. table {
  402. border:1px solid #CAD0D8;
  403. background:#fff;
  404. padding:0.5em;
  405. border-collapse:collapse;
  406. letter-spacing:-1px;
  407. text-align:center;
  408. }
  410. th {
  411. background:#dbf2fc;
  412. color:#666;
  413. text-align:center;
  414. padding:0.3em;
  415. }
  417. td {
  418. border:1px solid #CAD0D8;
  419. background:#fff;
  420. padding:0.3em;
  421. }
  423. img a:link, img a:hover, img a:visited, img {
  424. border:0em;
  425. }
  428. samp {
  429. font-size:1em;
  430. background:#fff;
  431. padding:1em;
  432. border:1px solid #dbf2fc;
  433. border-left:1em solid #dbf2fc;
  434. display:block;
  435. }
  437. pre {
  438. font-size:1em;
  439. background:#fff;
  440. padding:1em;
  441. border:1px solid #CAD0D8;
  442. border-left:1em solid #CAD0D8;
  443. }


 
Désolé pour la longueur, il faudrais que j'y fasse le ménage.
Si quelqu'un pouvait y jeter un coup d'oeil se serait sympa  [:itm]  
Merci


Message édité par porc1net le 28-06-2005 à 18:37:31

---------------
"Le basketball est le second sport d’intérieur le plus excitant, et le premier ne devrait pas avoir de spectateurs." D. Vertlieb - Feed
Reply

Marsh Posté le 28-06-2005 à 18:32:59   

Reply

Marsh Posté le 29-06-2005 à 08:18:09    

Personne ? :(

Reply

Sujets relatifs:

Leave a Replay

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