ansaurus

Question

4 columns elastic css with top-left box spanning 2 columns. How?

Answer 1

+1 A:

Check these: http://matthewjamestaylor.com/blog/perfect-3-column.htm

Maybe it can give you some ideas. :)

Tor Valamo 2009-12-12 22:23:41

Thanks. I could convert that 3col layout into a 4col one, but I am not solving the top-left box problem.

Victor P 2009-12-12 22:41:15

look at the 'stacked columns' layout on that page - that may be closer to what you need

Ray 2009-12-12 22:44:25

Answer 2

+1 A:

<html>
<head>
    <style>
        #outer, #left, #right, #top_left, #bottom_left,
        #bottom_left_left, #bottom_left_right, #right_left, #right_right {
            position:absolute;
            top:0;
            right:0;
            bottom:0;
            left:0;
        }
        #outer {position:relative;}
        #left {right:50%;}
        #top_left {position:relative;}
        #bottom_left {position:relative;}
        #bottom_left_left {right:50%;}
        #bottom_left_right {left:50%;}
        #right {left:50%;}
        #right_left {right:50%;}
        #right_right {left:50%;}
    </style>
</head>
<body>
    <div id="outer">
        <div id="left">
            <div id="top_left">Top left</div>
            <div id="bottom_left">
                <div id="bottom_left_left">Bottom left</div>
                <div id="bottom_left_right">Bottom right</div>
            </div>
        </div>
        <div id="right">
            <div id="right_left">Near Right</div>
            <div id="right_right">Far Right</div>
        </div>
    </div>
</body>
</html>

Tor Valamo 2009-12-12 22:44:08

Thank you very much, Tor! Greetings from Chile

Victor P 2009-12-12 23:03:06

You're very welcome.

Tor Valamo 2009-12-12 23:09:10

I posted a follow-on to this question in http://stackoverflow.com/questions/1896857/4-fixed-width-columns-with-top-left-box-spanning-2-columns-centered-how

Victor P 2009-12-13 16:11:25

ansaurus

tags:

views:

answers:

4 columns elastic css with top-left box spanning 2 columns. How?

related questions