Posted By

catchatpas on 08/12/09


Tagged

css htmlfooterbottom


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

catchatpas
davidinv


bottom footer


 / Published in: HTML
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Moteur de recherche EcoCheque</title>
  5. <LINK REL=stylesheet TYPE="text/css" HREF=css_eco.css>
  6. <LINK REL=stylesheet TYPE="text/css" HREF=forms_eco.css>
  7. *{
  8. margin: 0px;
  9. padding:0px;
  10. }
  11. html,body{
  12. background: #DFF2BF;
  13. font-family: verdana;
  14. font-size: 12px;
  15. color: #00558e;
  16. height:100%;
  17.  
  18. text-align:center;
  19. }
  20. #wrap{
  21. background:url(images/background_eco.jpg) top left repeat-y;
  22. text-align:left;
  23. width: 822px;
  24. margin: 0px auto 0px auto;
  25. padding:0px;
  26. min-height:100%;
  27. position: relative;
  28. height: 100%;
  29. voice-family: "\"}\"";
  30. voice-family: inherit;
  31. }
  32. html>body #wrap {
  33. height: auto;
  34. }
  35.  
  36. #content{
  37. text-align: left;
  38. margin: 0px;
  39.  
  40. min-height:100%;
  41. padding:50px 50px 96px 50px;
  42.  
  43. }
  44. #header{
  45. background: url(images/header_eco.jpg) top left no-repeat;
  46. height: 145px; width:822px;
  47. }
  48. #footer{
  49. background: url(images/footer_eco.jpg) top left no-repeat;
  50. height:96px; width:100%;
  51. position:absolute;
  52. bottom:0px;
  53. }
  54. a{
  55. font-family: verdana;
  56. font-size: 12px;
  57. color: #00558e;
  58. text-decoration: underline;
  59. }
  60. #map #copyright span { font-size:8px; }
  61. #map #copyright a:link { font-size:8px; }
  62. #map{
  63. border: 1px #2177CE solid;
  64. margin:0px 0px 0px 0px;
  65. }
  66.  
  67. </head>
  68.  
  69.  
  70. <div id="wrap">
  71. <div id="header"></div>
  72. <div id="content">
  73.  
  74. <p>Quisque non consectetur metus. Quisque in consectetur massa. Nulla elementum tristique nibh, tincidunt ullamcorper lorem volutpat in. Etiam aliquet nibh posuere sem auctor convallis. Etiam diam leo, rhoncus quis porttitor id, lacinia vel massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla at lorem ut mi pellentesque venenatis sed sit amet metus. In vitae odio eu ipsum dictum fermentum vel et tortor. Sed ornare suscipit accumsan. Integer placerat ornare nibh, in mattis elit facilisis vitae. Phasellus auctor ultrices dolor. In sagittis rhoncus adipiscing. Etiam dignissim est vitae mauris auctor ac faucibus velit cursus. </p>
  75.  
  76. </div>
  77.  
  78.  
  79. <div id="footer"></div>
  80.  
  81. </div>
  82. </body>
  83. </html>

Report this snippet  

You need to login to post a comment.