header,footer,left & right column fixed and body information scrolling to use div 
June 28th, 2009, 11:19 AM
| | Member | | Join Date: Mar 2008
Posts: 36
| |
I designed a site. i want to header,footer,left & right column fixed but body information only scrolling. this site screen to be 800/600 px. i designed this way but when i used position fixed all information to show as displace. please help me.
my coding are as below: - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-
<title>Untitled Document</title>
-
<style>
-
body { margin: 0; padding:0; background-color:#99CC00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; }
-
-
/* Template */
-
#wrapper { width:800px; height:auto; margin:0 auto; padding:0;}
-
#maincontainer { float:left; width:800px; height:auto; margin:0; padding:44px 0;}
-
#container { float:left; width:800px; height:auto; background-color:#CCFF99; }
-
/* Header */
-
#header { float:left; width:800px; height:80px;}
-
#leftheader { float:left; width:270px; height:80px; margin:2px 0 0 0; padding:3px 0 0 8px; background-color:#FFFFFF; }
-
#rightheader { float:right; width:500px; height:80px; margin:2px 0 0 0; padding:3px 0 0 8px; background-color:#FFFF99; }
-
/* Header */
-
#bodycontainermain { float:left; width:800px; height:500px; background-color:#CCCCCC }
-
/* Left Cloumn */
-
.leftcont1 { float:left; width:150px; height:300px; margin:6px 0 0 0; padding:2px 0 0 10px; background-color:#009966; }
-
/* Bodyn */
-
.bodycontainer { float:left; width:472px; height:auto; margin:6px 0 0 0; padding:2px 0 0 8px; background-color:#CCCCCC; }
-
/* Right Cloumn */
-
.rightcont1 { float:right; width:150px; height:300px; margin:6px 0 0 0; padding:2px 0 0 10px; background-color:#009966; }
-
/* Footer */
-
#footer { float:left; width:802px; height:28px; background-color:#DAAF7B; margin:0 -3px 0 0; padding:0; }
-
#footerp { margin:0; padding:5px 20px 0 0; font-size:11px; color:#FFFFFF; text-align:right; }
-
</style>
-
</head>
-
-
<body>
-
<div id="wrapper">
-
<div id="maincontainer">
-
<div id="container">
-
<div id="header">
-
<div id="leftheader">rwerwer</div>
-
<div id="rightheader">werewrewrew</div>
-
</div>
-
<div class="leftcont1">Left Column</div>
-
<div class="bodycontainer"> The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann. The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann. The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann. The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann. The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann. The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann. The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann. The complete Oracle Documentation is available online at technet.oracle.com. Free subscription!
-
Oracle Press has several good books on various Oracle topics. See www.osborne.com/oracle/
-
O’Reilly has about 30 excellent Oracle books, including Steven Feuerstein’s Oracle PL/SQL
-
Programming (3rd edition). See oracle.oreilly.com.
-
Jim Melton and Alan R. Simon: SQL: 1999 - Understanding Relational Language Components
-
(1st Edition, May 2001), Morgan Kaufmann.</div>
-
<div class="rightcont1">Right Column</div>
-
-
-
<div id="footer">
-
<div id="footer">Copyright 2007 test.
-
</div>
-
</div>
-
</div>
-
</div>
-
</div>
-
</body>
-
</html>
Last edited by acoder; June 29th, 2009 at 11:28 AM.
Reason: Added [code] tags - please use them
| 
June 29th, 2009, 11:30 AM
|  | Site Moderator | | Join Date: Nov 2006 Location: UK
Posts: 14,517
Provided Answers: 12 | | | re: header,footer,left & right column fixed and body information scrolling to use div
Which browsers have you tested? position:fixed doesn't work in IE6.
| 
June 29th, 2009, 02:51 PM
|  | Expert | | Join Date: Sep 2006
Posts: 5,520
| | | re: header,footer,left & right column fixed and body information scrolling to use div
position:fixed will treat the element similar to 'absolute' so that may not be what you want. Perhaps you should play with adding 'overflow:scroll' to #wrapper.
| | | | /bytes/about
We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights.
Get the best answers to your questions from over 225,662 network members.
|