homepage Welcome to WebmasterWorld Guest from 54.205.144.54
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
100% wrapper width
abhishekkaushik




msg:4049591
 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




msg:4049620
 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




msg:4049632
 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




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

No problem, you're very welcome. ;)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved