Des Div ne s'affichent pas...

Des Div ne s'affichent pas... - HTML/CSS - Programmation

Marsh Posté le 22-03-2010 à 16:36:40    

Bonjour.
J'ai un petit problème avec une page web.
Toutes les DIV qui se trouvent dans la DIV "souscontenuestock" et après la DIV "classic" ne s'affichent pas lorsque je charge la page sur un navigateur.
 
Voici le bout du code XHTML en question :  
 

Code :
  1. <body><div id="site">
  2.   <div id="accueil"><img src="images/images/accueil.jpg" width="73" height="46" /></div>
  3.   <div id="element1"><img src="images/images/element1.jpg" width="73" height="74" /></div>
  4.   <div id="keros2"></div>
  5.   <div id="notreentreprise"><img src="images/images/entreprise.jpg" width="205" height="57" /></div>
  6.   <div id="notrecollection"><img src="images/images/notre collection.jpg" width="205" height="54" /></div>
  7.   <div id="contact"><img src="images/images/nouscontacter.jpg" width="205" height="59" /></div>
  8.   <div id="element2"><img src="images/images/element2.jpg" width="205" height="301" /></div>
  9.   <div id="contenuestock">
  10.     <div id="textenotrecollection">
  11.       <p><strong> &nbsp;&nbsp;&nbsp;Nos créations usine</strong><br />
  12.         <strong>&nbsp;&nbsp;&nbsp;</strong>Nos créations personnalisées avec un délai de réalisation usine.<br />
  13.       <strong>&nbsp;&nbsp;&nbsp;</strong>Chaque année, de nouvelles créations originales sont sélectionnées et <br />
  14.       <strong>&nbsp;&nbsp;&nbsp;</strong>confectionnées pour <strong></strong>vous et vos partenaires privilégiés.</p>
  15.     </div>
  16.     <div id="souscontenuestock">
  17.       <div id="classic"><strong>CLASSIC</strong><br />
  18.       <div id="imitpel"><img src="Photos/usine/imitpel.gif" width="70" height="70" /><br />
  19. IMITPEL<br />
  20.     </div>
  21.       <div id="usinemadrid"><img src="Photos/usine/madrid.gif" width="70" height="70" /><br />
  22.       MADRID</div>
  23.       <div id="usinegommapel"><img src="Photos/usine/gommapel.gif" width="70" height="70" /><br />
  24.         GOMMAPEL
  25.       </div>
  26.       <div id="usinetoronto"><img src="Photos/usine/toronto.gif" width="70" height="70" /><br />
  27.         TORONTO
  28.       </div>
  29.       <div id="usinebahia"><img src="Photos/usine/bahia.gif" width="70" height="70" /><br />
  30.       BAHIA</div>
  31.       <div id="usinekenya"><img src="Photos/usine/kenya.gif" width="70" height="70" /><br />
  32.       KENYA</div>
  33.       <div id="usinereflight"><img src="Photos/usine/reflight.gif" width="70" height="70" /><br />
  34.         REFLIGHT<br />
  35.       </div>
  36.       <div id="usinemadere"><img src="Photos/usine/madere.gif" width="70" height="70" /><br />
  37.         MADERE
  38.       </div>
  39.       <div id="usinesamana"><img src="Photos/usine/samana.gif" width="70" height="70" /><br />
  40.         SAMANA
  41.       </div></div>
  42.       <div id="moderne"><strong>MODERNE</strong><br />
  43.       <div id="imitpel"><img src="Photos/usine/nuage.gif" width="70" height="70" /><br />
  44.         NUAGE
  45. <br />
  46.     </div>
  47.       <div id="usinemadrid"><img src="Photos/usine/titanium.gif" width="70" height="70" /><br />
  48.       TITANIUM</div>
  49.       <div id="usinegommapel"><img src="Photos/usine/glitter.gif" width="70" height="70" /><br />
  50.         GLITTER
  51.       </div></div>
  52.       <div id="business"><strong>BUSINESS</strong><br />
  53.       <div id="usinekambera"><img src="Photos/usine/kambera.gif" width="70" height="70" /><br />
  54.         KAMBERA</div>
  55.         <div id="usineprint"><img src="Photos/usine/kambera.gif" width="70" height="70" /><br />
  56.         PRINT</div>
  57.         <div id="usinelisbonne"><img src="Photos/usine/lisbonne.gif" width="70" height="70" /><br />
  58.         LISBONNE</div>
  59.        
  60.       </div>
  61.       <div id="PRESTIGE"><strong>PRESTIGE</strong><br />
  62.         <div id="usinedakota"><img src="Photos/usine/dakota.gif" alt="" width="70" height="70" /><br />
  63.           DAKOTA</div>
  64.           <div id="usinesarawak"><img src="Photos/usine/sarawak.gif" alt="" width="70" height="70" /><br />
  65.           SARAWAK</div>
  66. <br />
  67.       </div>
  68.       <div id="BI-MATIERE"><strong>BI-MATIERE</strong><br />
  69.         <div id="usinerecife"><img src="Photos/usine/recife.gif" alt="" width="70" height="70" /><br />
  70.         RECIFE</div>
  71.         <div id="usinefidji"><img src="Photos/usine/fidji.gif" alt="" width="70" height="70" /><br />
  72.         FIDJI</div>
  73.         <br />
  74.       </div>
  75.       <div id="AMOVIBLE"><strong>AMOVIBLE<br />
  76.         </strong>
  77.         <div id="usineantigua"><img src="Photos/usine/antigua.gif" alt="" width="70" height="70" /><br />
  78.         ANTIGUA</div>
  79.         <div id="usinecuipf"><img src="Photos/usine/cuirPleineFleur.gif" alt="" width="70" height="70" /><br />
  80.         CUIR PLEINE FLEUR</div>
  81.         <div id="usineamalfi"><img src="Photos/usine/cuirPleineFleur.gif" alt="" width="70" height="70" /><br />
  82.         CUIR PLEINE FLEUR</div>
  83.         <strong><br />
  84.       </strong></div>
  85.       <br />
  86.     </div>
  87.   </div>
  88.   <div id="bas"><img src="images/images/bas.jpg" width="775" height="26" /></div>
  89.   <div id="piedepage"></div></div>
  90. </body>


 
 
Et celui du fichier CSS :  
 

Code :
  1. @charset "utf-8";
  2. body {
  3.     background-color: #dcd7ee;
  4. }
  5. #accueil  {
  6.     position: relative;
  7.     width: 73px;
  8.     height: 46px;
  9. }
  10. #site #acceuil {
  11.     height: 52px;
  12.     width: 101px;
  13.     position: relative;
  14.     padding: 0px;
  15.     top: 0px;
  16.     left: 0px;
  17. }
  18. #site #acceuil #accueil {
  19.     top: 0px;
  20.     left: 0px;
  21. }
  23. #site #keros {
  24.     position: relative;
  25.     width: 907px;
  26.     left: 73px;
  27.     top: -120px;
  28.     height: 120px;
  29.     background-image: url(images/images/keros.jpg);
  30.     text-align: right;
  31. }
  32. #site #keros #FlashID {
  33.     right: 0px;
  34.     position: relative;
  35.     bottom: 0px;
  36.     height: 120px;
  37.     width: 167px;
  38. }
  40. #site #element1 {
  41.     width: 73px;
  42.     position: relative;
  43.     overflow: visible;
  44.     height: 74px;
  45. }
  46. #site #cotedroit {
  47.     position: absolute;
  48.     left: 874px;
  49.     top: 138px;
  50.     width: 139px;
  51.     height: 477px;
  52. }
  53. #site #element2 {
  54.     height: 301px;
  55.     width: 205px;
  56.     position: relative;
  57.     top: -120px;
  58. }
  60. #site #notreentreprise {
  61.     position: relative;
  62.     height: 57px;
  63.     width: 205px;
  64.     top: -120px;
  65. }
  66. #site #notrecollection {
  67.     position: relative;
  68.     width: 205px;
  69.     top: -120px;
  70. }
  71. #site #contact {
  72.     position: relative;
  73.     height: 59px;
  74.     width: 205px;
  75.     top: -120px;
  76. }
  77. #site #piedepage {
  78.     position: relative;
  79.     top: -562px;
  80.     height: 40px;
  81.     text-align: center;
  82.     font-family: Verdana, Geneva, sans-serif;
  83.     font-size: 12px;
  84.     color: #333;
  85. }
  87. #site #bas {
  88.     position: relative;
  89.     height: 2px;
  90.     width: 775px;
  91.     left: 205px;
  92.     top: -591px;
  93. }
  94. #site {
  95.     height: 630px;
  96.     width: 980px;
  97.     position: relative;
  98.     margin-top: auto;
  99.     margin-right: auto;
  100.     margin-bottom: 0px;
  101.     margin-left: auto;
  102.     padding: 0px;
  103.     overflow: hidden;
  104. }
  105. #site #contenue {
  106.     height: 445px;
  107.     width: 775px;
  108.     position: relative;
  109.     left: 205px;
  110.     top: -591px;
  111.     background-color: #6A847B;
  112.     font-family: Verdana, Geneva, sans-serif;
  113.     text-align: center;
  114.     background-image: url(images/images/fond.jpg);
  115.     margin: 0px;
  116.     padding: 0px;
  117. }
  118. a:link {
  119.     color: #333;
  120. }
  121. a:visited {
  122.     color: #333;
  123. }
  124. a:hover {
  125.     color: #333;
  126. }
  127. a:active {
  128.     color: #333;
  129. }
  130. #site #contenue #textecontact {
  131.     width: 270px;
  132.     height: 220px;
  133.     left: 320px;
  134.     top: 105px;
  135.     position: relative;
  136.     overflow: hidden;
  137.     text-align: left;
  138.     font-family: Verdana, Geneva, sans-serif;
  139. }
  140. #site #contenuenotrecollection {
  141.     height: 445px;
  142.     width: 775px;
  143.     position: relative;
  144.     left: 205px;
  145.     top: -591px;
  146.     background-color: #6A847B;
  147.     font-family: Verdana, Geneva, sans-serif;
  148.     text-align: left;
  149.     margin: 0px;
  150.     padding: 0px;
  151.     background-image: url(images/images/fond3.jpg);
  152.     overflow: hidden;
  153. }
  154. #site #contenuenotrecollection #boutonscollection #stock {
  155.     height: 56px;
  156.     width: 181px;
  157. }
  158. #site #contenuenotrecollection #boutonscollection #usine {
  159.     height: 56px;
  160.     width: 141px;
  161.     position: relative;
  162.     top: -56px;
  163.     left: 181px;
  164. }
  165. #site #contenuenotrecollection #boutonscollection #calendriers {
  166.     height: 56px;
  167.     width: 149px;
  168.     position: relative;
  169.     top: -112px;
  170.     left: 322px;
  171. }
  173. #site #contenue #textenotrecollection {
  174.     height: 220px;
  175.     left: 320px;
  176.     position: relative;
  177.     overflow: hidden;
  178.     text-align: left;
  179.     font-family: Verdana, Geneva, sans-serif;
  180.     visibility: hidden;
  181.     width: 600px;
  182. }
  183. #site #contenuestock #textenotrecollection {
  184. }
  186. #site #contenuestock {
  187.     height: 445px;
  188.     width: 775px;
  189.     position: relative;
  190.     left: 205px;
  191.     top: -591px;
  192.     background-color: #6A847B;
  193.     font-family: Verdana, Geneva, sans-serif;
  194.     text-align: left;
  195.     margin: 0px;
  196.     padding: 0px;
  197.     background-image: url(images/images/fond2.jpg);
  198.     overflow: hidden;
  199. }
  200. #site #contenuestock #catalogue {
  201.     position: relative;
  202.     float: none;
  203.     top: 100px;
  204.     left: 0px;
  205. }
  206. #site #contenuestock #boutonsstock #boutoncatalogue {
  207.     height: 39px;
  208.     width: 230px;
  209. }
  210. #site #contenuestock #boutonsstock #dispos {
  211.     height: 44px;
  212.     width: 230px;
  213.     left: 230px;
  214.     position: relative;
  215.     top: -40px;
  216. }
  217. #site #contenuestock #boutonsstock {
  218.     height: 44px;
  219.     top: -10px;
  220.     position: relative;
  221.     overflow: hidden;
  222. }
  223. #site #contenuestock #souscontenuestock {
  224.     position: relative;
  225.     height: 210px;
  226.     top: 0px;
  227.     overflow: auto;
  228.     width: 760px;
  229.     border-top-width: thin;
  230.     border-bottom-width: thin;
  231.     border-left-width: thin;
  232.     border-top-style: solid;
  233.     border-bottom-style: solid;
  234.     border-left-style: solid;
  235.     border-top-color: #8d9a95;
  236.     border-bottom-color: #8d9a95;
  237.     border-left-color: #8d9a95;
  238. }
  239. #site #contenuestock #souscontenuestock img {
  240.     margin-top: 5px;
  241. }
  243. #site #contenuestock #souscontenuestock #madrid {
  244.     position: relative;
  245.     width: 740px;
  246.     border-bottom-width: thin;
  247.     border-bottom-style: solid;
  248.     border-bottom-color: #8d9a95;
  249.     padding-top: 5px;
  250.     padding-bottom: 5px;
  251. }
  252. #site #contenuestock #souscontenuestock #madere {
  253.     position: relative;
  254.     width: 740px;
  255.     border-bottom-width: thin;
  256.     border-bottom-style: solid;
  257.     border-bottom-color: #8d9a95;
  258.     padding-top: 5px;
  259.     padding-bottom: 5px;
  260.    
  261. }
  262. #site #contenuestock #souscontenuestock #kambera img {
  263.     float: left;
  264. }
  265. #site #contenuestock #souscontenuestock #madere img {
  266.     float: left;
  267. }
  268. #site #contenuestock #souscontenuestock #madrid img {
  269.     float: left;
  270. }
  271. #site #contenuestock #souscontenuestock #print {
  272.     position: relative;
  273.     width: 740px;
  274.     border-bottom-width: thin;
  275.     border-bottom-style: solid;
  276.     border-bottom-color: #8d9a95;
  277.     padding-top: 5px;
  278.     padding-bottom: 5px;
  279. }
  280. #site #contenuestock #souscontenuestock #kambera {
  281.     width: 740px;
  282.     position: relative;
  283.     border-bottom-width: thin;
  284.     border-bottom-style: solid;
  285.     border-bottom-color: #8d9a95;
  286.     padding-top: 5px;
  287.     padding-bottom: 5px;
  288. }
  289. #site #contenuestock #souscontenuestock #kenya {
  290.     width: 740px;
  291.     position: relative;
  292.     border-bottom-width: thin;
  293.     border-bottom-style: solid;
  294.     border-bottom-color: #8d9a95;
  295.     padding-top: 5px;
  296.     padding-bottom: 5px;
  297. }
  298. #site #contenuestock #souscontenuestock #bahia img {
  299.     float: left;
  300. }
  301. #site #contenuestock #souscontenuestock #bahia {
  302.     width: 740px;
  303.     position: relative;
  304.     border-bottom-width: thin;
  305.     border-bottom-style: solid;
  306.     border-bottom-color: #8d9a95;
  307.     padding-top: 5px;
  308.     padding-bottom: 5px;
  309. }
  310. #site #contenuestock #souscontenuestock #antiguaamovible img {
  311.     float: left;
  312. }
  313. #site #contenuestock #souscontenuestock #antiguaamovible {
  314.     width: 740px;
  315.     position: relative;
  316.     border-bottom-width: thin;
  317.     border-bottom-style: solid;
  318.     border-bottom-color: #8d9a95;
  319.     padding-top: 5px;
  320.     padding-bottom: 5px;
  321. }
  322. #site #contenuestock #souscontenuestock #cuirpleinfleur img {
  323.     float: left;
  324. }
  325. #site #contenuestock #souscontenuestock #cuirpleinfleur {
  326.     width: 740px;
  327.     position: relative;
  328.     border-bottom-width: thin;
  329.     border-bottom-style: solid;
  330.     border-bottom-color: #8d9a95;
  331.     padding-top: 5px;
  332.     padding-bottom: 5px;
  333. }
  334. #site #contenuestock #souscontenuestock #kenya img {
  335.     float: left;
  336. }
  337. #site #contenuestock #souscontenuestock #cuiramovible img {
  338.     float: left;
  339. }
  340. #site #contenuestock #souscontenuestock #cuiramovible {
  341.     width: 740px;
  342.     position: relative;
  343.     border-bottom-width: thin;
  344.     border-bottom-style: solid;
  345.     border-bottom-color: #8d9a95;
  346.     padding-top: 5px;
  347.     padding-bottom: 5px;
  348. }
  349. #site #contenuestock #souscontenuestock #gommapel img {
  350.     float: left;
  351. }
  352. #site #contenuestock #souscontenuestock #gommapel {
  353.     width: 740px;
  354.     position: relative;
  355.     border-bottom-width: thin;
  356.     border-bottom-style: solid;
  357.     border-bottom-color: #8d9a95;
  358.     padding-top: 5px;
  359.     padding-bottom: 5px;
  360. }
  362. #site #contenuestock #souscontenuestock #print img {
  363.     float: left;
  364. }
  365. #site #keros2 {
  366.     position: relative;
  367.     width: 907px;
  368.     left: 73px;
  369.     top: -120px;
  370.     height: 120px;
  371.     background-image: url(images/images/keros2.jpg);
  372.     text-align: right;
  373. }
  374. body {
  375.     background-color: #e5e1d7;
  376. }
  377. #site #contenuestock #souscontenuestock #imitpel {
  378.     width: 70px;
  379.     height: 90px;
  380.     text-align: center;
  381.     font-size: 12px;
  382. }
  383. #site #contenuestock #souscontenuestock #usinetoronto {
  384.     position: relative;
  385.     height: 90px;
  386.     width: 70px;
  387.     top: -270px;
  388.     left: 225px;
  389.     font-size: 12px;
  390.     text-align: center;
  391. }
  392. #site #contenuestock #souscontenuestock #usinebahia {
  393.     position: relative;
  394.     height: 90px;
  395.     width: 70px;
  396.     top: -360px;
  397.     left: 300px;
  398.     font-size: 12px;
  399.     text-align: center;
  400. }
  401. #site #contenuestock #souscontenuestock #usinegommapel {
  402.     position: relative;
  403.     height: 90px;
  404.     width: 70px;
  405.     left: 150px;
  406.     top: -180px;
  407.     font-size: 12px;
  408.     text-align: center;
  409. }
  410. #site #contenuestock #souscontenuestock #usinemadrid {
  411.     position: relative;
  412.     height: 90px;
  413.     width: 70px;
  414.     top: -90px;
  415.     left: 75px;
  416.     font-size: 12px;
  417.     text-align: center;
  418. }
  419. #site #contenuestock #souscontenuestock #usinekenya {
  420.     position: relative;
  421.     height: 90px;
  422.     width: 70px;
  423.     left: 375px;
  424.     font-size: 12px;
  425.     text-align: center;
  426.     top: -450px;
  427. }
  428. #site #contenuestock #souscontenuestock #usinereflight {
  429.     position: relative;
  430.     height: 90px;
  431.     width: 70px;
  432.     left: 450px;
  433.     font-size: 12px;
  434.     text-align: center;
  435.     top: -540px;
  436. }
  437. #site #contenuestock #souscontenuestock #usinemadere {
  438.     position: relative;
  439.     height: 90px;
  440.     width: 70px;
  441.     left: 525px;
  442.     font-size: 12px;
  443.     text-align: center;
  444.     top: -630px;
  445. }
  446. #site #contenuestock #souscontenuestock #usinesamana {
  447.     position: relative;
  448.     height: 90px;
  449.     width: 70px;
  450.     left: 600px;
  451.     font-size: 12px;
  452.     text-align: center;
  453.     top: -720px;
  454. }
  455. #site #contenuestock #souscontenuestock #classic {
  456.     height: 112px;
  457. }
  458. #site #contenuestock #souscontenuestock #moderne #usinenuage {
  459.     position: relative;
  460.     height: 90px;
  461.     width: 70px;
  462.     font-size: 12px;
  463.     text-align: center;
  464. }
  465. #site #contenuestock #souscontenuestock #moderne #usinetitanium {
  466.     position: relative;
  467.     height: 90px;
  468.     width: 70px;
  469.     font-size: 12px;
  470.     text-align: center;
  471.     top: -90px;
  472.     left: 75px;
  473. }
  474. #site #contenuestock #souscontenuestock #business #usinekambera {
  475.     width: 70px;
  476.     font-size: 12px;
  477.     text-align: center;
  478.     height: 90px;
  479. }
  480. #site #contenuestock #souscontenuestock #business #usineprint {
  481.     position: relative;
  482.     height: 90px;
  483.     width: 70px;
  484.     font-size: 12px;
  485.     top: -90px;
  486.     left: 75px;
  487. }
  490. #site #contenuestock #souscontenuestock #moderne {
  491.     position: relative;
  492.     top: -700px;
  493.     height: 112px;
  494.     overflow: visible;
  495.     visibility: visible;
  496. }
  497. #site #contenuestock #souscontenuestock #usinegommapel {
  498.     position: relative;
  499.     height: 90px;
  500.     width: 70px;
  501.     left: 150px;
  502.     top: -180px;
  503.     font-size: 12px;
  504.     text-align: center;
  505. }
  506. #site #contenuestock #souscontenuestock #business {
  507.     position: relative;
  508.     height: 112px;
  509.     top: -850px;
  510.     overflow: visible;
  511.     visibility: visible;
  512. }
  513. #site #contenuestock #souscontenuestock #business #usinelisbonne {
  514.     position: relative;
  515.     height: 90px;
  516.     width: 70px;
  517.     font-size: 12px;
  518.     top: -180px;
  519.     left: 150px;
  520. }
  521. #site #contenuestock #souscontenuestock #PRESTIGE {
  522.     position: relative;
  523.     top: -975px;
  524.     height: 112px;
  525. }
  526. #site #contenuestock #souscontenuestock #PRESTIGE #usinedakota {
  527.     height: 90px;
  528.     width: 70px;
  529.     font-size: 12px;
  530.     text-align: center;
  531. }
  532. #site #contenuestock #souscontenuestock #PRESTIGE #usinesarawak {
  533.     height: 90px;
  534.     width: 70px;
  535.     font-size: 12px;
  536.     text-align: center;
  537.     position: relative;
  538.     top: -90px;
  539.     left: 75px;
  540. }
  541. #site #contenuestock #souscontenuestock #BI-MATIERE {
  542.     height: 112px;
  543.     position: relative;
  544.     top: -1050px;
  545.     overflow: visible;
  546.     visibility: visible;
  547. }
  548. #site #contenuestock #souscontenuestock #BI-MATIERE #usinerecife {
  549.     position: relative;
  550.     height: 90px;
  551.     width: 70px;
  552.     font-size: 12px;
  553. }
  554. #site #contenuestock #souscontenuestock #BI-MATIERE #usinefidji {
  555.     position: relative;
  556.     height: 90px;
  557.     width: 70px;
  558.     font-size: 12px;
  559.     top: -90px;
  560.     left: 75px;
  561. }
  562. #site #contenuestock #souscontenuestock #AMOVIBLE {
  563.     height: 112px;
  564.     position: relative;
  565.     top: -1120px;
  566. }
  567. #site #contenuestock #souscontenuestock #AMOVIBLE #usineantigua {
  568.     position: relative;
  569.     height: 90px;
  570.     width: 70px;
  571.     font-size: 12px;
  572. }
  573. #site #contenuestock #souscontenuestock #AMOVIBLE #usinecuipf {
  574.     position: relative;
  575.     height: 90px;
  576.     width: 70px;
  577.     font-size: 12px;
  578.     left: 75px;
  579.     top: -90px;
  580. }
  581. #site #contenuestock #souscontenuestock #AMOVIBLE #usineamalfi {
  582.     position: relative;
  583.     height: 90px;
  584.     width: 70px;
  585.     font-size: 12px;
  586.     left: 150px;
  587.     top: -180px;
  588. }


 
Y aurait-il une personne pour m'aider svp?
Merci!

Reply

Marsh Posté le 22-03-2010 à 16:36:40   

Reply

Marsh Posté le 22-03-2010 à 17:30:09    

tu pourrais nous mettre cette page sur un serveur ?


---------------
Blablaté par Harko
Reply

Marsh Posté le 26-09-2010 à 01:01:57    

DANS LE CSS TU METS BODER:SOLID 1PX BLACK

Reply

Marsh Posté le 26-09-2010 à 13:17:57    

ok lol


---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

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