人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSレイアウト

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


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



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

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



●質問者: mune0628
●カテゴリ:ウェブ制作
✍キーワード:CSS コンテンツ サイト スキル ソース
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kn1967
●60ポイント ベストアンサー

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

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

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

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

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

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

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


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

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

◎質問者からの返答

kn1967さん!

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

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

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ