Previous Message
Next Message

Only possible with tables...

Sent by Alan Home on 31 October 2003 07:07


I know the frustration of trying to convert tables to CSS.
Let me know if this works.

<style type="text/css">
<!--
body {
background: #0000FF;
}

#header {
background-color: #FF00FF;
position: absolute;
 top: 0;
height: 80;
 width: 100%;
 text-align: center;
}


#footer {
 position: absolute;
 bottom: 0;
 background-color: #ccffcc;
 width: 100%;
 text-align: center;
}


#contents {
 position: absolute;
 top: 80;
 left: 0;
width: 100%;
}

-->
</style></head>

<body bgcolor="#FFFFFF">
      <div id="header">
        <p>This is the header</p>
      </div>
<br>
      <div id="contents">
Here is the body of the document
</div>
      <div id="footer">
        <p>This footer will sit at the bottom of the documemnt,
<strong>unless</strong> the document<br />

           is shorter than the window, in which case it will sit at the
bottom of the window.</p>
      </div>
</body>

----- Original Message ----- 
From: "Dave G" [EMAIL-REMOVED]>
To: [EMAIL-REMOVED]>
Sent: Thursday, October 30, 2003 7:40 PM
Subject: [css-d] Only possible with tables...

> This kind of layout is demonstrated here, on one of my sites:
> http://www.tokyocomedy.com/english/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: