Stretching content to bottom of page

robjs

Hi there,

I am trying to customise the look of my standard installation of osticket.

So far I have been able to make a number of changes, but I am having problems with the overall layout.

I am trying to create the effect of 2 blue columns on either side of the main content (i.e. the actual web pages like "Add Ticket", "Welcome page"). The main content has a white background. However, because the main content table isn't very big on some pages, the result is that there is a blue bar below the content too, which makes the page look a bit strange.

I was hoping that I could change the container to have a height of 100% so that it would stretch to the bottom of the page, giving the desired effect.

However, adding height: 100%; to various css elements in the main.css file does not make a difference. I am not an expert in CSS so please forgive any ignorance on my part.

Does anyone have ideas on how to do what I'm trying to do??

I hope my description is clear. if not let me know and I'll try to attached a diagram.

Thanks!