Hi,

I have tried a few things to solve this problem but I can't seem to get it working.

The problem is that I have 2 columns as the main part of my website, right and left. On some pages, there is a lot of text in the left column, therefore it is very long, the problem is that the right column doesn't elongate with the left column.

Both columns have the same background colour and a footer s displayed across the width of both columns after the columns finish.

My first thought was to put both columns inside a div which would have the same background colour as them and therefore if the left column became 1500px long in total and the right column stayed at around 600px (due to the elements inside it) then this wouldn't show as the new, outer div would elongate along with the left column. But for some reason this didn't work. Could it be because the columns are floated?

Does anyone have any other ideas?

Here is the website (Obviously not finished yet): Beansheaf Hotel

I have chosen a page where there is a lot of text in the left column so the problem is apparent. Thanks in advance,

InfinitiFizz