...

View Full Version : Two column container that is centered with border help



betoranaldi
08-20-2005, 04:06 AM
I cant for the life of me get the div "right" to render next to the div "left"

any help would greatly be apreciated.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body
{
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 15px;
padding: 0px;
font-size: 10px;
background-image:url(images/background.gif);
}

div#main
{
position: relative;
width: 700px;
margin: 0 auto;
text-align: left;
padding:10px;
background: rgb(100%,100%,100%);
border:1px;
border-style:solid;
border-color:#DDDDDD;
}

div#header
{
width:700px;
font-size: 90%;
color: #336633;
font-weight: bold;
clear: both;
}

div#image
{
width:700px;
clear: both;
}

div#container
{
position:relative;
width:700px;
height: auto;

}

div#left
{
width:500px;
position: relative;
top: 0px;
left: 0px;
height: auto;
background-color: #F8F7D9;

}

div#right
{
position: relative;
margin-left: 500px;
height: auto;
width: 200px;
}
-->
</style>
</head>
<body>
<div id="main">
<div id="header"><img name="" src="" width="250" height="65" alt=""></div>
<div id="image"><img name="" src="" width="700" height="100" alt=""></div>
<div id="container">
<div id="left">This would be thesdfdasd left side content. asdfasd asd afsdsd'
<p> asdfasd asd fasd fasdfdsafsdfasd</p>
<p>asdfasdfas</p>
<p>asdf</p>
</div>
<div id="right">
<p>asdfasdf</p>
<p>safsdasdf</p>
<p>asfd</p>
</div>
</div>
</div>
</body>
</html>

betoranaldi
08-20-2005, 05:01 AM
Just wanted to let everyone know i got this sorted out.

Thanks



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum