résolution d'un site

résolution d'un site - HTML/CSS - Programmation

Marsh Posté le 10-04-2012 à 12:03:16    

Bonjour j'ai besoin d'aide je suis en stage et on m'a donné un problème à résoudre sur le site d'une cliente faire en sorte que le site web s'adapte à n'importe quelle résolution800x600, 1024x768, et résolution supérieur.. voilà le site http://pro-g-deco.fr/ j'ai quand même chercher sur internet mais j'ai pas vraiment trouvé même en ajoutant cette ligne de code ça marche pas. Je débute dans le domaine du html et vu que ce n'est pas moi qui est fait le site je suis perdu..

Code :
  1. #body {
  2. position: relative;
  3. width: 100%;
  4. }


 
CSS
 

Code :
  1. html, body, h1, h2, h3, h4 {
  3. margin: 0;
  5. padding: 0;
  7. }
  9. h1 img {
  11. display: block;
  13. }
  15. img {
  17. border: 0;
  19. }
  21. a {
  23. color: #333;
  25. font-weight: bold;
  27. text-decoration: none;
  29. }
  31. a:hover {
  33. color: #FFA405;
  35. text-decoration: underline;
  37. }
  39. .left {
  41. float: left;
  43. }
  45. .right {
  47. float: right;
  49. }
  51. .more {
  53. text-align: right;
  55. }
  57. .clear {
  59. clear: both;
  61. }
  65. body {
  67.   background: #000;
  69. text-align: center;
  71. font: 11px arial, sans-serif;
  73. color: #312F1A;
  76. }
  80. /** layout **/
  82. #wrapper {
  84. text-align: left;
  86. margin: 20px auto;
  88. width: 714px;
  90.   position: relative;
  92. }
  96. #header {
  98.   background: top center url(images/logo.jpg) no-repeat;
  100.   padding-top: 91px;
  102.   width: 292px;
  104.   position: relative;
  106. }
  110. /** Header **/
  112. h1 {
  114.   color: #FDE7C2;
  116.   background: #991111;
  118.   border: 2px solid #C4B888;
  120.   padding: 8px;
  122.   text-align: center;
  124.   font: 25px "Times new roman", sans-serif;
  126.   font-style: italic;
  128.   font-weight: normal;
  130.   margin: 0 0 2px 21px;
  132. }
  136. #search {
  138.   width: 148px;
  140.   background: #E8E7DA url(images/search_top.jpg) no-repeat;
  142.   text-align: center;
  144.   position: absolute;
  146.   bottom: -1px;
  148.   left: 558px;
  150.   padding: 6px 0;
  152. }
  154. #search .text {
  156.   width: 63px;
  158. }
  162. /** Body **/
  164. #body {
  166.   position: relative;
  168.   width: 100%;
  170. }
  174. #nav {
  175. position: absolute;
  176. top: 1px;
  177. left: -4px;
  178. width: 252px;
  179. padding-top: 292px;
  180. background: url(images/pic_1.jpg) no-repeat;
  182. }
  184. #nav ul {
  186.   background: bottom right #991111 url(images/nav_bot.jpg) no-repeat;
  188.   margin: 0 7px 0 28px;
  190.   padding: 5px 20px 15px 20px;
  192. }
  194. #nav li {
  196.   list-style: none;
  198.   background: bottom left url(images/dots.jpg) repeat-x;
  200. }
  202. #nav a {
  204.   color: #FDE7C2;
  206.   font: 18px "times new roman", serif;
  208.   font-style: italic;
  210.   background: #991111;
  212.   padding-right: 8px;
  214. }
  218. /** content **/
  222. #content {
  224.   background: #E8E7DA bottom right url(images/body_bottom_right.jpg) no-repeat;
  226.   width: 700px;
  228.   margin-left: 254px;
  230.   min-height: 600px;
  232. }
  236. #content .main, #content .main2 {
  238.   float: right;
  240.   width: 650px;
  242.   margin-top: 18px;
  244.   padding-right: 28px;
  246. }
  250. #content .main {
  252.   padding-bottom: 1em;
  254.   border-bottom: 1px solid #D6D3BA;
  256. }
  260. #content .main p, #content .main2 p {
  262.   margin: 0em 1em 0 0;
  264. }
  266. #content .main2 .right {
  268.   margin-left: 18px;
  270. }
  272. #content .main .clear, #content .main2 .clear {
  274.   height: 20px;
  276.   margin-bottom: -10px;
  278. }
  281. h2 {
  283.   font: italic 22px "Times new roman", serif;
  285.   color: #991111;
  287.   margin: 0 0 0.5em 0;
  289. }
  291. h3 {
  293.   font: italic 15px "Times new roman", serif;
  295.   color: #991111;
  297.   margin: 0.3em 0 0.3em 0;
  299. }
  302. /** Footer **/
  306. #footer {
  308.   color: #E8E7DA;
  310.   margin: 2px 0 0 275px;
  312. }
  316. #privacy {
  318.   position: absolute;
  320.   right: 8px;
  322.   width: 148px;
  324.   padding: 4px 0;
  326.   text-align: center;
  328.   background: #E8E7DA bottom left url(images/footer_tab.jpg) no-repeat;
  330. }
  332. #privacy a {
  334.   color: #000;
  336.   font-weight: normal;
  338. }
  340. table
  341. {
  342. border-collapse: collapse;
  343. margin: 0 auto;
  344. border-style: ridge;
  346. }
  348. td
  349. {
  350. text-align : center;
  351. vertical-align: middle;
  352. border-style: ridge;
  353. }

Reply

Marsh Posté le 10-04-2012 à 12:03:16   

Reply

Sujets relatifs:

Leave a Replay

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