rocknbil - 5:22 pm on Oct 21, 2011 (gmt 0)
Welcome aboard Stattovic, is this in any sort of CMS or static pages?
**of course make a backup before attempting any of the below**
In any case, it's easy to see your confusion - this page is bereft with something we know here as div-itis - so many divs, so little content. :-) No matter though . . .
Your first task is to install Firebug for Firefox, when you right-click an element this will highlight what the element is, and show you where it starts and stops. I have a feeling that's the only reason you're having trouble, figuring out where the div actually starts and stops. The left block (appears to) start here
and ends here, at the second </div> in the row of three closing divs
</div></div></div> <!-- the LAST one closes "Column2" -->
Another way to visualize, it's right after the "start" of "Column2" and just BEFORE the one </div> and the start of "MainColumn".
Cut that entire chunk (don't forget, only the first two closing </div>'s) and move it just before this. In the source code, you'll just be moving it up:
<!-- put it here -->
</div> <!-- This is the END of column 1 -->
That previous example shows a way to navigate through heavy code - add comments where each pair of chunks ends. :-)
See if that works FIRST, but you'll now see an empty 20% space to the right. You should have this where it was
Which can be removed, or safer, commented out:
<!-- <div class="Column2">
I don't see any widths applied to MainColumn, so I am assuming that it will fill up whatever is not taken up by the two columns - it should now fill out the right side of the page.