2カラムに分けたページを作っています

サイドカラムには、バナーやメニューバーを表示したいと思っています


<!-- サイドカラムここから -->
<div id="menu">
 <img src="./img/aaa.png">
 <img src="./img/bbb.png"><
 <img src="./img/cccc.png">
 <div id="topbox">
  <div id="msgbox">メッセージメッセージ</div>
 </div>
</div>
<!-- サイドカラムここまで -->



#menu{
 float:right;
 width:250px;
 height:100%;
}
#menu #topbox{
 position: absolute;
 bottom:0px;
}
#menu #topbox #msgbox{
 width:230px;
 height: 230px;
 border: 3px double #000000;
}


質問・・・・

<div id="msgbox">メッセージメッセージ</div>

この箇所が常に下部に表示されてほしいのですが
うまくいきません。
(さらに下部にフッターを固定しています)

メインカラムの内容によってはサイドカラムの高さも増減することが
条件です

ご教示ください
よろしくお願いします

このQ&Aに関連する最新のQ&A

div 意味」に関するQ&A: <div>の中の<div>の意味

A 回答 (1件)

こんにちは



少し意味が分かりにくかったのですが、

”<div id="msgbox">メッセージメッセージ</div>”

の部分をブラウザ下部分に固定したい、という事でしょうか?

であるならば、

posision: fixed;

で固定されます。ただし、IE6以下では多少ぶれてしまいます。対処法もあるのですが。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報