Making page adapt to monitor resolution

[aditd]

Tweet

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.

[trevHCS]

Yeah tables will sort that out for you no probs.

<table width="100%" border="0">
<tr>
<td width="80%">Left hand content goes here</td>
<td width="20%">Right hand content goes here</td>
</tr>
</table>

Much simpler than messing about with the CSS alternatives and finding it doesn't want to work properly on certain browsers etc.

Trev

[aditd]

Thanks for the help. Managed to resolve the problem with your help.

[Steven-AS]

I know you've resolved your problem but if you were to go down a CSS route in the future the following should work just fine.

<style type="text/css">
  #content_main {clear:both;width:100%;min-width:900px;}
  #main_left_container {width:80%;float:left;}
  #main_right_content {width:20%;float:right;}
</style>

<div id="content_main">
  <div id="main_left_container">
    <div id="main_left_content">
      [left content goes here]
    <div>
  </div>
  <div id="main_right_container">
    <div id="main_right_content">
      [right content goes here]
    </div>
  </div>
</div>

It depends on what you intend to create within the two columns. In my personal opinion the CSS route provides greater flexibility.

[nick-harper]

I know you've resolved your problem but if you were to go down a CSS route in the future the following should work just fine.

<style type="text/css">
  #content_main {clear:both;width:100%;min-width:900px;}
  #main_left_container {width:80%;float:left;}
  #main_right_content {width:20%;float:right;}
</style>

<div id="content_main">
  <div id="main_left_container">
    <div id="main_left_content">
      [left content goes here]
    <div>
  </div>
  <div id="main_right_container">
    <div id="main_right_content">
      [right content goes here]
    </div>
  </div>
</div>

It depends on what you intend to create within the two columns. In my personal opinion the CSS route provides greater flexibility.

I have to agree, if you are just trying to figure out Web Design then learning CSS and CSS layouts is the best thing you could ever do