Previous Message
Next Message

RE: [css-d] How to replaces tables/frames with CSS?

Sent by RUST Randal on 29 January 2002 10:10


Brad,

You might try this:

#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px; }

#left {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 20%; }	

#main {
	position: absolute;
	top: 100px;
	left: 20%;
	width: 80%; }

#footer {
	position: relative;
	clear: both;
	width: 100%; }

You are better off NOT applying margins and padding to your positioning
elements, but rather to the elements inside of them.  This helps to avoid
problems with IE 5, and other browsers that implement the box model
incorrectly.

Randal

-----Original Message-----
From: Brad Cox [EMAIL-REMOVED]]
Sent: Tuesday, January 29, 2002 9:31 AM
To: css discuss
Subject: [css-d] How to replaces tables/frames with CSS?


Could someone please share the secret to eliminating tables and 
frames with CSS? I need a plain vanilla page layout, with fixed 
height panes at the top, left and bottom and a main pane that 
occupies the remainder.

----------------------------------------------------
|                      top                         |
----------------------------------------------------
|             |                                    |
|             |                                    |
|             |                                    |
|             |                                    |
|     left    |            main                    |
|             |                                    |
|             |                                    |
|             |                                    |
|             |                                    |
----------------------------------------------------
|                     bottom                       |
----------------------------------------------------

I copied css that did this, but apparently broke it from not 
understanding the issues.

_______________________________________________
css-discuss mailing list
[EMAIL-REMOVED]
http://two.pairlist.net/mailman/listinfo/css-discuss
Previous Message
Next Message

Message thread:

Possibly related: