Page 1 of 1

[Solved] Could someone help with this layout ?

Posted: Mon Apr 16, 2007 9:50 pm
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

Re: Could someone help with this layout ?

Posted: Tue Apr 17, 2007 12:02 am
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

Re: Could someone help with this layout ?

Posted: Tue Apr 17, 2007 11:15 am
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