[SOLVED] why 100% table width doesnt take up 100% of content area?
Posted: Tue Oct 16, 2007 5:17 pm
Hello,
When using a table with this code:
It leaves to much room to the left and right of the table. How can I narrow these margins down?
This is the contents of the tempalte layout in question:
Stylesheet for divs:
Thank you,
TJ
When using a table with this code:
Code: Select all
<table cellspacing="0" cellpadding="2" width="100%" align="center" summary="" border="1">
This is the contents of the tempalte layout in question:
Code: Select all
{* Start Content (Navigation and Content columns) *}
<div id="content">
{* Start Navigation *}
<div id="sidebar">
<h2 class="accessibility">Navigation</h2>
{menu template='cssmenu.tpl'}
<hr class="accessibility" />
</div>
{* End Navigation *}
{* Start Content Area, Right Column *}
<div id="main">
<div style="float: right;">{print showbutton=true script=true}</div>
<h2>{title}</h2>
{content} <br />
</div>
Stylesheet for divs:
Code: Select all
div#content {
margin: 1.5em auto 2em 0; /* some air above and under menu and content */
}
div#main {
margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
margin-right: 2%; /* and some air on the right */
}
div#sidebar {
float: left; /* set sidebar on the left side. Change to right to float it right instead. */
width: 26%; /* sidebar width, if you change this please also change #main margins */
display: inline; /* FIX IE double margin bug */
margin-left: 0;
}
TJ