100% wrapper width

Forum Moderators: not2easy

Message Too Old, No Replies

100% wrapper width

abhishekkaushik

11:26 am on Dec 26, 2009 (gmt 0)

Dear all,
I have my page set to 100% wrapper width, inside this wrapper i have three column divs in my page: left column, content column and right colum to show content and menus...my requirement is for different screen resolutions the left & right column must always be equal to 200px but content column must fill all the available space, is it possible without using javascript

--
Abhishek

birdbrain

3:03 pm on Dec 26, 2009 (gmt 0)

Hi there abhishekkaushik,

could this little example possibly help...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
body {
 padding:0;
 margin:0;
 }
#container {
 text-align:center;
 }
#right {
 float:right;
 width:180px;
 padding:10px;
 background-color:#ccf;
 }
#left {
 float:left;
 width:180px;
 padding:10px;
 background-color:#fcc;
 }
#center {
 margin:0 200px;
 padding:10px;
 background-color:#cfc;
 }
</style>
</head>
<body>
<div id="container">
<div id="right">right</div>
<div id="left">left</div>
<div id="center">center</div>
</div>
</body>
</html>

birdbrain

abhishekkaushik

4:05 pm on Dec 26, 2009 (gmt 0)

birdbrain
thanks for your code it is working. i was missing margin:0 200px; property in center...

birdbrain

4:29 pm on Dec 26, 2009 (gmt 0)

No problem, you're very welcome. ;)