03
Oct
07

Pages HTML avec footer et header fixes

post info

By contact
Categories: php
PLAIN TEXT
HTML:
  1. <!– Put IE into quirks mode –>
  3. <meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8″ />
  4. <title></title>
  5. <? $hh=100;
  6. $hf=50; ?>
  7.  
  8. <style type=“text/css”>
  9.  
  10. body {
  11.  height:100%;
  12.  max-height:100%;
  13.  overflow:hidden;
  14.  padding:0;
  15.  margin:0;
  16.  border:0;
  17.  }
  18.  
  19. #content {
  20.  display:block;
  21.  overflow:auto;
  22.  position:absolute;
  23.  z-index:3;
  24.  top:<?=$hh;?>px;
  25.  bottom:<?=$hf;?>px;
  26.  width:100%;
  27.  border-left:1px solid #000;
  28.  border-right:1px solid #000;
  29.  }
  30.  
  31. * html #content {
  32.  top:0;
  33.  bottom:0;
  34.  height:100%;
  35.  width:100%;
  36.  border-top:<?=$hh;?>x solid #fff;
  37.  border-bottom:<?=$hf;?>px solid #fff;
  38.  }
  39.  
  40. #head {
  41.  position:absolute;
  42.  top:0;
  43.  width:100%;
  44.  min-width:640px;
  45.  height:<?=$hh;?>px;
  46.  font-size:1em;
  47.  z-index:5;
  48.  border:1px solid #000;
  49.  }
  50.  
  51.  
  52.  
  53. #foot {
  54.  position:absolute;
  55.  bottom:0;
  56.  width:100%;
  57.  min-width:640px;
  58.  height:<?=$hf;?>px;
  59.  z-index:5;
  60.  border:1px solid #000;
  61.  }
  62.  
  63.  
  64.  
  65. </style>
  66. </head>
  67.  
  69. <div id=“head”>hello world</div>
  70. <div id=“foot”>THIS IS FOOTER</div>
  71. <div id=“content”>
  72. A layout with a fixed width, a fixed header and a fixed footer that stays on the bottom. The content area fits between the header and footer and scrolls if necessary. Plus the bonus of a CSS navigation menu that works in all browsers.

0 Responses to “easyphp et url rewriting”

Feed for this Entry Trackback Address
  1. No Comments

Leave a Reply

« cairngorn : lien pour debuter
comment desactiver CTRL+ALT+SUP sur Vista ? »