how do you increase the width size of the content div
| Project: | The Morning After |
| Version: | 6.x-1.1 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Hello,
I notice that the width of the page layout is fixed. So what i'm trying to do is increase the whole page so it will be proportional to any monitor. I change the page div in css to width 90%, margin-left: 5%. Then i change all the div inside that page to width:100%. But for some reason the content area div doesn't seem to be effected. I can't seem to change the width of the content div at all. It seem like the size of the content is fix. When i use inspect element to look at the content div it seem like there is a margin on the right of the div, but i don't see where we can change that margin. Also noticed that i deleted the sidebar-wrapper div in the page.tpl.php, so my code look like this.
<div id="sidebar-wrapper-inner">
<?php if ($mission): ?>
<div id="mission"><div id="mission-inner">
<?php print $mission; ?>
</div></div>
<?php endif; ?>
<?php if ($sidebar_top): ?>
<div id="sidebar-top"><div id="sidebar-top-inner" class="region region-top">
<?php print $sidebar_top; ?>
</div></div> <!-- /#sidebar-top-inner, /#sidebar-top -->
<?php endif; ?>
<?php if ($left): ?>
<div id="sidebar-left" class="clear-block"><div id="sidebar-left-inner" class="region region-left">
<?php print $left; ?>
</div></div> <!-- /#sidebar-left-inner, /#sidebar-left -->
<?php endif; ?>
<?php if ($right): ?>
<div id="sidebar-right"><div id="sidebar-right-inner" class="region region-right">
<?php print $right; ?>
</div></div> <!-- /#sidebar-right-inner, /#sidebar-right -->
<?php endif; ?>
</div>and here is my css code;
#page
{
margin-left: 5%;
width: 90%;
}
#header
{ width: 100%;
}
#main
{ width: 100%;
}
#footer
{
background:transparent url(images/dot.png) repeat-x scroll left top;
color:#666666;
padding:1em 0pt 0pt;
margin-bottom: 2em;
width: 100%;
}
I try to do this for the content but it didn't work
#content
{
font-size: 1.1em;
width: 100%;
}
Any help is appreciated