CSSレイアウト


以下の様なCSSレイアウトを実装したいと考えています。
私のスキルではどうしてもできなかったのですが、そもそも
この様なレイアウトを実装する事は可能なのでしょうか?


■ヘッダ■ ← 固定(ブラウザ上部固定)
■コンテンツ■ ← 可変画面中央配置(ヘッダ・フッタに重ならない)
■フッタ■ ← 固定(ブラウザ下部固定)



これらのサイトを参考にさせて頂きました。
http://css-happylife.com/log/css-template/000166.shtml#more0804
http://www.cssstickyfooter.com/
css-happylife様とstickyfooterのソースを参考に自分なりに
悪戦苦闘したのですが、結局実装する事ができませんでした。。

ネットで探しても同じ様な事例がなく、納期が迫っている為
かなり焦っております。。是非お力をお貸しください。

回答の条件
  • 1人5回まで
  • 登録:2009/03/12 05:41:11
  • 終了:2009/03/12 06:59:32

ベストアンサー

id:kn1967 No.1

kn1967回答回数2915ベストアンサー獲得回数3012009/03/12 06:06:43

ポイント60pt

ターゲット環境が見えませんので対応外かもしれませんが

cssに関しては下記の方の紹介しておられる方法が

シンプルで理解しやすいと思います。

http://webtech-walker.com/archive/2007/04/18002445.html

ブラウザによってcssに対する挙動が違うため

cssハックによってIE6だけの対応など工夫しておられますので

そういった点も参考になるかと思います。


納期ですか・・・それは大変ですが、こなした後の充実感はひとしおでしょうね。

がんばってくださいませ。

id:mune0628

kn1967さん!

早速のご回答ありがとうございました!!

教えて頂いたページがかなり参考になりなんとか実装できそうです!!!

自分で試した時の考え方はあっていたのですが、コードを間違えていた様です。。

何てお礼を言ったら良いのやら、とにかく感謝です!!

また何かありましたらよろしくお願いいたします!

納期目指して頑張ります!

2009/03/12 06:30:51

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません