ChrisRChamberlain
Programmer
The following code produces effectively a two column frame, .leftcol has a tree like menu which expands and contracts, .rightcol contains text.
<style>
.leftcol {
position: absolute ;
left: 0px;
width: 175px;
margin: 0x;
padding: 0x;
border: 1px solid black;
background-color: #cdf9fc;
z-index:-100;
}
.rightcol {
position: static ;
margin-left: 175px;
padding: 0px;
border: 1px solid black;
background-color: #cdf9fc;
}
p { font: 10pt Verdana; sans-serif; color: black;
padding: 20px; margin: 0;
border: 0px dotted black; }
</style>
What I would like to do is add a third column to contain graphics, with the content of each column beginning at the top of the page and not being affected by the content of the other columns.
Should the second column contain a table or should <div> be used to create a third column?
Thanks in advance HTH
Chris
<style>
.leftcol {
position: absolute ;
left: 0px;
width: 175px;
margin: 0x;
padding: 0x;
border: 1px solid black;
background-color: #cdf9fc;
z-index:-100;
}
.rightcol {
position: static ;
margin-left: 175px;
padding: 0px;
border: 1px solid black;
background-color: #cdf9fc;
}
p { font: 10pt Verdana; sans-serif; color: black;
padding: 20px; margin: 0;
border: 0px dotted black; }
</style>
What I would like to do is add a third column to contain graphics, with the content of each column beginning at the top of the page and not being affected by the content of the other columns.
Should the second column contain a table or should <div> be used to create a third column?
Thanks in advance HTH
Chris