Making page adapt to monitor resolution

[aditd]

I have a to make web page containing 2 columns. This is done.
Now what I would like to insert in the code is something like this:
The 2 columns should be full screen on any resolutions. Something like the page would adapt to the monitor resolution.
The percent would be 80% for the first column 20% for the second one.

What I don't know - is how to do that. Would a table resolve this problem?
What would be the code for this?

Suggestion are well appreciated.

[sbglobal79]

The 2 columns should be full screen on any resolutions. Something like the page would adapt to the monitor resolution.
The percent would be 80% for the first column 20% for the second one.

[aditd]

I was looking for something more like a ... code ( not to experienced with this kind of stuff )

[iamrodneygarcia]

As much as percentages work because it will automatically fit the screen, it can also pose problems with your formatting. You want to have a consistent format. So I suggest you use pixels than percentages. If you will be making a website, check if the template has a width of 900px. That can be a safe width.

[aditd]

I don't know exactly what is the resolution for the user ... that is why I chose %

[freddy]

in any site editor you can do tables, do it that way.
I dont know how to code it in a clean way, but with a table it should be quick and easy.

[Host.co.in]

IMO one should avoid doing so because whichever images exist on the webpage would be shown wide and losing their quality.

[Milo Odin]

Html
<div id="col_80">
</div>
<div id="col_20">
</div>

CSS
#col_80
{
wedith: 80%;
}
#col_20
{
wedith: 20%;
float: right;
}


this is just a simple structure i've code above you have to add some more css properties to make it work according to specification

[traxport121]

You use % when you want to adapt to the resolution of the user.
There is another way too, probably not as good as use the percentages, I always make my website according to 960 Grid. i.e. my websites are no bigger than 960px that's how I support 1024x768 resolutions and larger (not smaller than that)

[WebNet Host]

You can make use of % instead of actual pixel size in your CSS. I think this works