Now I know that you can make 3-Col layouts with divs at least 2 different ways.
left Middle right
----------------------
|---|----------|-----|
|...|..........|.....|
|...|..........|.....|
|...|..........|.....|
|...|..........|.....|
|...|..........|.....|
----------------------Way 1:
Using Margins in your css:
left col---------------
float:left
middle col---------------
margin: 0 200px 0 200px
right---------------
float: right;
OR..................
Way 2:
floating the left col left, then sounding the left and middle cols in a div and floating it left and then floating the right div right.
What other ways can you make a three column layout with out using tables?
Here is one of the best sites I found for CSS only 3 column layouts:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
It is very easy to use HTML Kit's Div Starter 0.31, which provides a graphic way to construct a template of any complexity.
It's an old method and does not take advantage of the Clearfix technique, which will eliminate the need for the empty div(s) to create a full height column.
Here's a sample 3-column page:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.c1 {
/* col 1 */
float:left;width:99%;
}
.c2 {
/* col 1 */
float:left;width:33%;
}
.c3 {
/* col 2 */
float:left;width:33%;border-left:1px solid #000000;
}
.c4 {
/* col 3 */
float:left;width:33%;border-left:1px solid #000000;
}
.c5 {
border:1px solid #000000;
}
.c6 {
clear:both;
}
-->
</style>
</head>
<body>
<div class="c5">
<div class="c1">
<div class="c2">B-1-1</div>
<div class="c3">B-1-2</div>
<div class="c4">B-1-3</div>
</div>
<div class="c6"><!-- --></div>
</div>
</body>
</html>Phil
