ログ日記

作業ログと日記とメモ

IE頼むよ・・

CSS Frames, version 2: Example 2, specified width | 456 Berea Street

このデザインをもっと簡単に作ろうかと思ったけど諦めた。
firefoxなら

html, body{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}
#header
{
  position: absolute;
  width: 100%;
  top: 0px;
  height: 30px;
}
#footer
{
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 20px;
}
#contents
{
  position: absolute;
  top: 30px;
  bottom: 20px;
  width: 100%;
  overflow: auto;
}

のようにすればいいけど、IEだとtopとbottomを同時に指定できなくてダメ。
JavaScriptでブラウザの縦幅からcontentsの高さを計算したら出来るけどそこまでするのも考えもの。
CSSが仕様通りに動く世の中はいつになったら来るのか・・。ブラウザの割合でIEfirefoxが逆ならIEを無視しているのだが。