[Solved] Could someone help with this layout ?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
okee

[Solved] Could someone help with this layout ?

Post by okee »

Hi

I've managed to convert a theme called gila two to cmsms.
But i have a problem, which seems to be a common problem with
css.

It looks fine and dandy when the main content has a lot of text like so:
http://www.okcs.net/test/index.html

but if there is only a few lines the colour from the left side bar appears in the
main content window.
http://www.okcs.net/test/index1.html

Does anyone know if there's a way to fix this ?

Oh and the css file is here: http://www.okcs.net/test/gila-screen.css

Thanks

Richard
Last edited by okee on Tue Apr 17, 2007 11:17 am, edited 1 time in total.
Dee
Power Poster
Power Poster
Posts: 1197
Joined: Sun Mar 19, 2006 8:46 pm

Re: Could someone help with this layout ?

Post by Dee »

Change the margins of the main-copy div (currently only a left margin of 12.5em is set):

Code: Select all

#main-copy {
...
  margin: 0 0 0 12.5em;
It's already better when you give it a bit more space and add a right margin:

Code: Select all

#main-copy {
...
  margin: 0 15em 0 13em;
To make the main-copy div longer (untill the end of the left menu) I think you need a spacer div at the end of it, after the content:

Code: Select all

    <div id="main-copy">
      {content}
      <div style="clear: both;"></div>
    </div>
Regards,
D
okee

Re: Could someone help with this layout ?

Post by okee »

Thanks a million Dee, that's done the job.
I had searched on google but no-one seemed to
have been able to fix that.

Many Thanks

richard
Locked

Return to “Layout and Design (CSS & HTML)”