W3C home > Mailing lists > Public > www-style@w3.org > March 2001

Re: A simple question...

From: Mjumbe Ukweli <mjumbewu@hotmail.com>
Date: Mon, 26 Mar 2001 21:23:51 -0500
To: www-style@w3.org
Message-ID: <F133biLcAtU1vgYTlFZ00012c1e@hotmail.com>
>From: Rebecca <rebecca@vote-smart.org>
>
>... Basically, I want the page to display 2 rows: the top row will be 15% 
>of the page and be divided into 2 columns: the left column will be 70% of 
>the row; the bottom row will be 85% of the page and be divided
>into 2 columns: the left column will be 10% of the row, the right will > be 
>the rest, and the container for the bulk of information.
>
>Sounds simple, right? ...

[mwu-> it certainly does. <-mwu]

>... but I can't seem to get all 4 elements to show up at once...

[mwu-> do you have the code that you are using now?  you should just be able 
to position and size them:

#element1 {                /* row 1, col 1 */
  position: absolute;
  left:   0%; top:     0%;
  width: 70%; height: 15%;
}
#element2 {                /* row 1, col 2 */
  position: absolute;
  left:  70%; top:     0%;
  width: 30%; height: 15%;
}
#element1 {                /* row 2, col 1 */
  position: absolute;
  left:   0%; top:    15%;
  width: 10%; height: 85%;
}
#element2 {                /* row 2, col 2 */
  position: absolute;
  left:  10%; top:    15%;
  width: 90%; height: 85%;
}

i can't see why it wouldn't work.  you could also do the same with the float 
property on some of the elements, but it's not necessary if you know the 
exact size of everything already. <-mwu]

                                                  &#8226; mjumbewu &#8226;

_________________________________________________________________________
Get Your Private, Free E-mail from MSN Hotmail at http://www.hotmail.com.
Received on Monday, 26 March 2001 21:24:23 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:08 GMT