Content area not stretching to fill wrapper - probably very basic...

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"
Post Reply
User avatar
leshall
Forum Members
Forum Members
Posts: 23
Joined: Fri Jun 12, 2009 7:47 pm

Content area not stretching to fill wrapper - probably very basic...

Post by leshall »

http://www.broker-free.com/

In early days with this site and am wondering why the left hand content area is not filling the outerwrapper?? I'm sure it's a simple CSS tweak but I can't work it out.

Funny when I look at the design before I converted the template into CMSMS  it looks fine...

Thanks. Les
NaN

Re: Content area not stretching to fill wrapper - probably very basic...

Post by NaN »

This is because the left "column" is as high as the content that is contained there.
You cannot give it a certain height, since it needs to adapt its height to the content.
Since you have less content to the left than in the "main area" you will get it this way it looks now.

There are sereval solutions for this problem.

One is to use a grey background-image for the wrapper.
This image should be as wide as the left content area, 1px high with a dark dot to the right (color of the border), repeated it in y-direction and aligned to the left.

Another way is the so called "border-trick".
User avatar
leshall
Forum Members
Forum Members
Posts: 23
Joined: Fri Jun 12, 2009 7:47 pm

Re: Content area not stretching to fill wrapper - probably very basic...

Post by leshall »

Thanks NaN

Is this a 'feature' of CSS or CMS?

Good solution BTW


Les
NaN

Re: Content area not stretching to fill wrapper - probably very basic...

Post by NaN »

Sorry, i don't understand.
This is nor a feature nor has it anything to do with the CMS.
It is just a quite normal behaviour of HTML and CSS.
I don't know your template before you converted it to CMSms.
Maybe you just had less content in the main area or you had a certain height.

Anyway, you're welcome :)
Post Reply

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