Results 1 to 2 of 2
LinkBack URL
About LinkBacks-
05-15-2011, 09:23 PM #1
Banned
- Join Date
- Mar 2011
- Posts
- 177
Making page adapt to monitor resolution
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.
-
05-19-2011, 01:48 PM #2
Renter
- Join Date
- May 2011
- Posts
- 2
All you have to do is set the width of the body element to 100%, then those columns will resize too 100% of the screen width..
e.g
css file:
body {
width: 100%;
}
#middle {
float: left;
width: 80%;
margin: 0px;
padding: 0px;
}
#sidebox {
float: right;
width: 20%;
margin: 0px;
padding: 0px;
}
and html:
<body>
<div id="sidebox">
</div>
<div id="middle">
</div>
</body>--
Start your real estate site in minutes using phpSQLRealty.com real estate classifieds script
Reply With Quote
Bookmarks