Here is the code for the page settings (layout):
/* Layout Stylesheet */
body{
margin: 0; padding:0;
background: #F0FFF0; color: #333333;
}
#lh-col{
position: absolute;
top: 20px;
left: 20px;
width: 180px;
border: 1px solid #009900;
background: #ffffff;
color: #333333;
margin: 0;
padding: 0;
height: 500px;
z-index: 2;
}
#rh-col{
position: absolute;
top: 20px;
right: 20px;
width: 180px;
border: 1px solid #009900;
background: #ffffff;
color: #333333;
margin: 0;
padding: 0;
height: 500px;
z-index: 1;
}
#c-col{
position: relative;
margin: 20px 201px 20px 201px;
border: 1px solid #009900;
background: #ffffff;
color: #333333;
padding: 20px;
z-index: 3;
}
Here is the actual HTML page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chateau Home Industries LTD.</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<meta name="Robots" content="INDEX" />
<link rel="stylesheet" type="text/css"
href="3c-lcrc-static-pp-layout.css" />
<link rel="stylesheet" type="text/css"
href="3c-lcrc-static-pp-presentation.css" />
</head>
<body>
<!-- left column -->
<div id="lh-col"><br />
<a href="http://www.ssi-developer.net/"
title="Go to main page."><img src="logo.gif" alt="" border="0"
width="176" height="84" /></a><br />
<p align="center"><a
href="http://www.ssi-developer.net/main/templates/">View more
templates.</a></p>
</div>
<!-- end of left column -->
<!-- center column -->
<div id="c-col">
<p align="center"><font color="#009900" size="3" face="Arial, Helvetica, sans-serif"><strong>CHATEAU
BUILDING PRODUCTS</strong></font></p>
<p><font color="#009900" size="2" face="Arial, Helvetica, sans-serif">"Adding value to wood"</font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">Chateau Building Products Ltd is a manufacturer and exporter
of Canadian building technology, panelized homes and building materials. We
use BC species in all of our products. BC species offer a tighter grain and
better resistance to insects and fungi, so our customers know that their manufactured
wood products will last longer.</font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">We have been exporting to the U.S. and Asia since 1993.</font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">We manufacture:</font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif"> # panelized homes, cottages and cabins<br />
# outsourced gazebos, sun rooms and cedar saunas<br />
# custom wood products<br />
# specialty building products</font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">Chateau operates from 3000 square meters of factory space
with 3000 square meters secured outside storage with dock and grade loading.
Our factory is located 15 minutes from the Vancouver Airport.</font></p>
<p><font size="2" face="Arial, Helvetica, sans-serif">Contact us if you are interested in becoming an agent or a
reseller for Chateau's products in your area. We are looking for agents to
sell and build our cottages and custom homes.</font></p>
</div>
<!-- end of center column -->
<!-- right column -->
<div id="rh-col"><br />
<p><font color="#009900" size="3" face="Arial, Helvetica, sans-serif">OUR CLIENTS</font></p>
<p> <font size="2" face="Verdana, Arial, Helvetica, sans-serif">* Architects,
Builders and Developers who import Canadian wood framed houses, panelized
homes and building materials<br />
* Enterprises who want to outsource manufacturing of wood products (saunas,
gazebos, furniture, etc...)<br />
* Individuals who want to control the material costs and labor costs of their
new home or cabin</font></p>
<h4 align="center"> </h4>
</div>
<!-- end of right column -->
<p><center><a href="http://chateaubp.com/index.html"><font color="#009900" size="3" face="Arial, Helvetica, sans-serif"><strong><font size="2">Introduction</font></strong></font></a><font size="2">
... <a href="http://chateaubp.com/web/pro.html"><font color="#009900" face="Arial, Helvetica, sans-serif"><strong>Products</strong></font></a>
... <a href="http://chateaubp.com/web/Services.html"><font color="#009900" face="Arial, Helvetica, sans-serif"><strong>Services</strong></font></a></font></p>
<p><font color="#009900" size="2" face="Arial, Helvetica, sans-serif"><strong>Copyright©
CHATEAU BUILDING PRODUCTS LTD e-mail:web@chateaubp.com</strong></font></p></center>
</body>
</html>
Here is my problem:
On the right , my text is to the right, I would like to keep it to the right but I would like to not have it so close to the border. What do I do to fix this?
Thank you for your time in advance.
Linear Mode
