liquid tables

[AggieEmmanuel]

Hello all,
I have enjoyed reading posts on this site. I also appreciate those that take time to contribute to threads.

I am currently getting my feet wet with the whole css and xhtml and all the innovative stuff happening in web design. I am still very new in web design. My question deals with the concept of liquid tables. With the movement to do away with tables, is there a way to achieve the effect of liquid table with css?

I am trying to learn how to make designs that will adjust to each monitor size so that everybody sees the same thing regardless of screen size...

thanks for your thoughts in advance

[ScottM]

I use something like this and it works well:

<style type="text/css">

body {
padding:0px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:0px
}

#mainright {
width:25%;
float:left;
padding-bottom:10px;
}

#maincenter {
width:35%;
float:left;
padding-bottom:10px;
}

#mainleft {
width:35%;
float:left;
padding-bottom:10px;
}

Basically I'm using % to make things fill the screen.

[grahamstewart]

Yup - using percentages is probably the easiest way.

Although if you are going to use a percentage then it is usually easier to make sure everything in that dimension is a percentage.

For example - ScottMs horizontal adds up like this..

10px + 25% + 35% + 35% + 10px = 20px + 95%

..which is a bit confusing and it means a scroll bar will be displayed if 20px is more than 5% of the screen width. It would be better if he had specified the margin as a percentage as well.

Come on over to the CSS forum for any more advice you need.

[AggieEmmanuel]

thanks for your suggestions...I have been playing with it and my understanding of it is getting better