Question

Im trying to create a new master page without using a table and its causing me a headache.

Its very nearly there, I just need to make the ‘Messages’ and ‘Content’ divs full width so the ‘Menu’ div, plus the ‘Messages’ and ‘Content’ div are the same width (100% of the screen) as the ‘Top’ div.

I have set up a jsFiddle, can anyone give me some pointers?

https://i.stack.imgur.com/d1HO5.png

http://jsfiddle.net/CJRv5/

Im happy to change HTML a bit but the following must be considered:

menu is 130px wide, the rest of the content must fill remaining window width – no 960 grid!

Answer 1

Simplest (unintuitive) way, just change

    #divMasterSubContainer
    {
        float: left;
        ...

to

    #divMasterSubContainer
    {
       overflow:hidden;
       ...

http://jsfiddle.net/CJRv5/2/
Ref http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/