أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

تصميم موقع باستخدام القوالب

مشاهدة المشاركة في الموضوع بالعرض العادي

: تصميم موقع باستخدام القوالب

09-02-2013 06:05 صباحاً

كريم صقر

السلام عليكم و رحمة الله

تفضل اخى هذا سيفيدك إن شاء الله

CODE


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
 <title>Fixed header and footer</title>
<style type="text/css">
 body{
  margin:0;
  padding:header-<length> 0 footer-<length> 0;
 }
 div#header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:114 px;
  height:header-<length>;
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:footer-<length>;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 }
 * html div#content{
  height:100%;
  overflow:auto;
 }
</style>
<div id="header"><td>
<img src="xxxx.PNG"></td></div>
<div id="footer"><td>
<img src="xxxx.PNG"></td></div>
<div id="content"> content </div>

بالتوفيق

تم تحرير المشاركة بواسطة :Soliman بتاريخ:09-02-2013 08:08 صباحاً

الساعة الآن 04:43 AM