CSS Forum

**hellhound121** · 11-15-2006, 04:50 PM

hey all ok

i want to make like a basic site with a Header, Content Area, and Footer. now how would i make this, position it, and still have it like:

|-----Header-----|
|C o n t e n t ! ! !|
|-----Footer------|

i gave it ago myself and i kinder did it, but im not sure if its the right way to do it?! i dont want to learn the wrong way when there is a right way. so here is the code

Code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
.holder {
    font-family: Tahoma;
    font-size: 12px;
    color: #009900;
    position: absolute;
    left: 200px;
    top: 50px;
}
-->
</style>
</head>

<body>
<div class="holder">
  <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="Untitled-1_01.gif" width="200" height="8"></td>
    </tr>
    <tr>
      <td background="Untitled-1_03.gif">this is the content :) </td>
    </tr>
    <tr>
      <td><img src="Untitled-1_05.gif" width="200" height="8"></td>
    </tr>
  </table>
</div>
</body>

**LadynRed** · 02:01 PM

Take out the position:absolute, it's not necessary.

Are you going for a fixed-width layout ?

I'd get rid of the tables completely too, no need unless you're going to be displaying tabular data.

<div id="holder">
<div id="header">header</div>
<div id="content"> content</div>
<div id="footer">footer</div>
</div> ** close holder

**hellhound121** · 11-16-2006, 06:41 PM

could you post the css to go with that so i know how it would be done so i can learn from it and try create my own like it?

**LadynRed** · 11-16-2006, 09:24 PM

Try this - take a look at the code for this page:
http://www.oswd.org/files/designs/2945/Blue_Rain/
It's a fairly simple 1-column layout with header and footer, like what you want to do. You can download the whole template here:
http://www.oswd.org/design/preview/id/2945
It's FREE and Open Source.

**hellhound121** · 11-17-2006, 02:51 PM

i dont understand they use there images as "background" and when i did that people said it was the wrong way to do it :S whats going on

**LadynRed** · 11-17-2006, 03:31 PM

They are using the images for the backgrounds of the DIVs, and that approach is very common and quite acceptable - I do it all the time ! With the graphic set up as the background on a div in the CSS, it leaves the area inside the div open for content in your HTML code.

**hellhound121** · 11-17-2006, 07:31 PM

haha thats what i did

doh

thanks for the info i learn somthing everytime i come to this forum, ty all.