PDA

View Full Version : Making page adapt to monitor resolution



couponsitescrip
09 May 2011, 03:26 PM
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.

FreshpageDesign
09 May 2011, 03:57 PM
No need to use a table

<html>
<head>
</head>
<style>
.left-col{
width:20%;
float:left;
background-color:#ff0000;
}
.right-col{
width:80%;
float:left;
background-color:#0000ff;
}
</style>
<body>
<div class="left-col">Left Col</div>
<div class="right-col">Right Col</div>
</body>
</html>