Normally they make you post some code but you posted a link and I checked out the source so we will count it as code posted (sort of).
Here is a basic layout that you can use for what you are talking about.
CODE
<style>
.holder{
text-align: left;
width: 740px;
background: transparent;
margin: auto;
border: 1px solid #999;
}
.content{
width: 580px;
margin-right: 8px;
background: #eee;
float: left;
padding: 2px;
}
.menu{
width: 150px;
background: lightblue;
float: left;
padding: 2px;
}
</style>
<center>
<div class="holder">
<div class="content">
The main page content will go here.
</div>
<div class="menu">
Menu stuff here
</div>
</div>
</center>
I have heard that the <center> tag has been taken out of standard HTML 1.1 (or something like that) but it will still work (in all browsers the same), just not validate as nicely.
<edit>
Here is a way to get it centered without the <center> tag:
CODE
<style>
body{
margin: 0px;
padding: 0px;
text-align: center;
}
.holder{
text-align: left;
width: 740px;
background: transparent;
margin: auto;
border: 1px solid #999;
}
.content{
width: 580px;
margin-right: 8px;
background: #eee;
float: left;
padding: 2px;
}
.menu{
width: 150px;
background: lightblue;
float: left;
padding: 2px;
}
</style>
<div class="holder">
<div class="content">
The main page content will go here.
</div>
<div class="menu">
Menu stuff here
</div>
</div>
</edit>
NOTE - I have only tested these in IE 6.
Hope that helps.
This post has been edited by BetaWar: 26 Jul, 2008 - 08:38 PM
| 