howard.a.s
Thread Starter
- Joined
- Jul 22, 2005
- Messages
- 503
A while back I posted a question that asked for help to overcome a problem with a web page that I am constructing. I was fortunate enough to receive some advice, which, whilst much appreciated, involved a complete rework of the original css.
Thing is, what I really need at this point is to be able to correct the problem that I am having without making lots of drastic alterations to the existing source code or css.
So, once again, I am back to help for advice.
I have this sneaking feeling that just a very small alteration is necessary in order for my page to display as I need it to, but I just can't determine what this alteration should be.
Please take a look at the following:
http://www.amindtochange.biz/amindtochangecom/template_problem/index.html
I have coloured the left-hand content area black, and the right-hand sidenav area red for easy identification.
Here is the associated style sheet:
http://www.amindtochange.biz/amindtochangecom/template_problem/default.css
What I am trying to achieve is for both the black and red area to grow vertically and in-line with each other. So, if I add a lot of content to the left-hand area, and none to the right-hand area, the coloured backgrounds still match in terms of height, all the way down to the footer area.
Not sure if that makes sense, but I can't think how else to describe it, other than to say I require matching column heights in terms of background, regardless of their content
I have tried to achieve this and have failed miserably.
At the moment, if I add content to the black area, the black background kind of spills over into the top of the red, or under the red.
By the way, the sidnav must remain inside the content area, and not outside of it.
Any help gratefully received.
Thing is, what I really need at this point is to be able to correct the problem that I am having without making lots of drastic alterations to the existing source code or css.
So, once again, I am back to help for advice.
I have this sneaking feeling that just a very small alteration is necessary in order for my page to display as I need it to, but I just can't determine what this alteration should be.
Please take a look at the following:
http://www.amindtochange.biz/amindtochangecom/template_problem/index.html
I have coloured the left-hand content area black, and the right-hand sidenav area red for easy identification.
Here is the associated style sheet:
http://www.amindtochange.biz/amindtochangecom/template_problem/default.css
What I am trying to achieve is for both the black and red area to grow vertically and in-line with each other. So, if I add a lot of content to the left-hand area, and none to the right-hand area, the coloured backgrounds still match in terms of height, all the way down to the footer area.
Not sure if that makes sense, but I can't think how else to describe it, other than to say I require matching column heights in terms of background, regardless of their content
I have tried to achieve this and have failed miserably.
At the moment, if I add content to the black area, the black background kind of spills over into the top of the red, or under the red.
By the way, the sidnav must remain inside the content area, and not outside of it.
Any help gratefully received.