• Name: MarkNicko
  • Language: Text
  1. What am i doing rong here.
  2. How can i get my footer so it goes below the content div.
  3. And how do i center all the div's reltive to the stage?
  4.  
  5. <--- START OF CSS --->
  6.  
  7. body {
  8.     color: #3b551a;
  9.     font-family: Arial, Helvetica, sans-serif;
  10.     font-size: smaller;
  11.     scrollbar-3dlight-color:#3A5879;
  12.     scrollbar-arrow-color:#3A5879;
  13.     scrollbar-base-color:#7ABAFF;
  14.     scrollbar-darkshadow-color:#3A5879;
  15.     scrollbar-face-color:#7ABAFF;
  16.     scrollbar-highlight-color:#3A5879;
  17.     scrollbar-shadow-color:#3A5879;
  18.     }
  19.  
  20. a {
  21.     color: #3b551a;
  22.     }
  23.  
  24. a:visited {
  25.     color: #9cb259;
  26.     }
  27.  
  28. a:hover {
  29.     color: #68a0c5;
  30.     text-decoration: underline;
  31.     }
  32. #header {
  33.   background-image:url(header.jpg);
  34.   height: 150px;
  35.   top: 0px;
  36.   position: absolute;
  37.   width: 750px;
  38.   outline-width: 0px
  39.   }
  40. #body {
  41.   width: 750px;
  42.   background-color: #CC0033;
  43.   top: 150px;
  44.   position: absolute;
  45.   outline-width: 0px
  46. }
  47. #footer {
  48.   background-color:#59642C;
  49.   width: 750px;
  50.   bottom: 1px;
  51.   position: absolute;
  52.   outline-width: 0px
  53. }
  54.  
  55. <--- END OF CSS --->
  56.  
  57. <--- START OF HTML --->
  58.  
  59. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  60.  
  61. <html>
  62. <head>
  63.   <title><?php page_title(); ?></title>
  64.   <meta http-equiv="Content-Type" content=
  65.   "text/html; charset=us-ascii; } else { echo 'utf-8'; }?&gt;">
  66.   <meta name="description" content="<?php page_description(); ?>">
  67.   <meta name="keywords" content="<?php page_keywords(); ?>">
  68.   <link href="screen.css" rel="stylesheet" type="text/css" media="screen">
  69. </head>
  70.  
  71. <body style="margin: 1px; position: absolute;vertical-align: baseline">
  72.   <div id="header" style="position: absolute; text-align: center;"></div><br>
  73.  
  74.   <div id="content" style="position: absolute; text-align: center; top: 153px">
  75.     this is the page content <?php page_content(1); ?>
  76.   </div><br>
  77.  
  78.   <div id="footer" style="bottom: 1px; position: absolute; text-align: center">
  79.     this is the footer
  80.   </div>
  81. </body>
  82. </html>
  83.  
  84. <--- END OF HTML --->
  85.  
  86. HELP!
  87.