Increase space for main content?

HTML & CSS
1

My page is showing up the way i want it to http://www.cgwebdesigns.co.uk/oldstuff/index.html

but when i add additional content in the main section it all goes wrong and throws everything out http://www.cgwebdesigns.co.uk/oldstuff/index2.html

i cannot understand where i am going wrong. can anyone help please?

2

I have tried changing the order of the layout and it changes to this http://www.cgwebdesigns.co.uk/oldstuff/index3.html

Ive now tried everything I can think of and am totally stumped, someone please help me:headbang:

3

You can change code CSS following


footer {
    background: url("images/copper.jpg") repeat scroll 0 0 transparent;
    border-bottom: 2px solid #AAAAAA;
    clear: left;
    width: 100%;
}

Change


footer {
    background: url("images/copper.jpg") repeat scroll 0 0 transparent;
    border-bottom: 2px solid #AAAAAA;
    clear: both;
    width: 100%;
}
4

thats brilliant, thanks so much