A reliable 3-column layout with CSS

External Since: Jun 29, 2003 Posts: 720

The following example, adapted from one in the book "Cascading Style
Sheets The Designer's Edge" by Molly E. Holzschlag, published by Sybex
(ISBN 0-7821-4184-6, is a reliable and stable three-column layout
using CSS.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<style type="text/css">

#left {
position: absolute;
left:10px;
top: 50px;
width: 100px;
}

#center {
margin-top: 50px;
margin-left: 200px;
margin-right: 300px;
}

#right {
position: absolute;
right: 10px;
top: 50px;
}
</style>

</head>

<body>

<div id="left">
......
</div>

<div id="center">
....
</div>

<div id="right">
....
</div>

</body>
</html>

Matt Probert

External Since: Sep 19, 2003 Posts: 3499

Matt Probert wrote:
> The following example,

very interesting - thanks. I'll check it through when I get a minute.

--
William Tasso - <a style='text-decoration: underline;' href="http://WilliamTasso.com" target="_blank">http://WilliamTasso.com</a>