content appearing under left column
Posted: Thu Sep 13, 2007 11:31 am
Hi there,
For some reason my main content is appearing under my left menu and also my right column.
This is my style for the
columns
and this is the code for the template
Any ideas why this is happening?
For some reason my main content is appearing under my left menu and also my right column.
This is my style for the
columns
Code: Select all
div#leftsidebar {
float: left;
margin-left: 0px;
margin-right: 0px;
width: 160px;
padding: 2px;
}
div#rightsidebar {
float: right;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 5px;
width: 160px;
padding: 0px;
}
div#main {
float: left;
width: 380px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
background-color: #EFEFEF ;
}
Code: Select all
{* Start Content (Navigation and Content columns) *}
<div id="content">
{* Start Sidebar *}
<div id="leftsidebar">
{* Start Navigation *}
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{menu template='simple_navigation.tpl' collapse='1'}
</div>
{* End Navigation *}
{* Start News *}
{* <div id="news">
<h2>News</h2>
{news number='3' detailpage='news'}
</div> *}
{* End News *}
</div>
{* End Sidebar *}
{* Start Sidebar *}
<div id="rightsidebar" >
test text
</div
{* End Sidebar *}
{* Start Content Area *}
<div id="main">
<div>{print showbutton=true script=true}</div>
<h2>{title}</h2>
{content} <br />
{* Start relational links *}
<div class="hr"></div>
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<p>{cms_selflink dir="previous" label="Previous page: "} <br />
{cms_selflink dir="next"}</p>
</div>
{* The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" *}
{* End relational links *}
<hr class="accessibility" />
</div>
{* End Content Area *}