P: 57
|
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>
| |
Share this Question
Expert Mod 15k+
P: 16,027
|
Which browsers have you tested? position:fixed doesn't work in IE6.
| | Expert 5K+
P: 7,435
|
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.
| | | | Question stats - viewed: 4884
- replies: 3
- date asked: Jun 28 '09
| |