0

編集：問題は解決しました..そもそもそれについて考えていなかったなんて信じられません。解決：

#message-box{position:fixed;bottom: 29px;left:0px;width: 400px;}

- - オリジナルメッセージ ：

やあ、

画像は次のとおりです: http://i242.photobucket.com/albums/ff198/Warz/divchatproblemmodified.png

(そこには id=footer と書かれていますが、 と書かれているはずid=footerbarです。また、一番下のバー (「statusbar」という ID を持つメッセージを入力する場所) はwidth: 100%;、既にカバーされているようにカバーする必要があります。)

チャットでサイトにボトムバーを作成しようとしています。チャットのサイズはサイズ変更 (高さの変更) できる必要があります。ご覧のとおり、チャットの上に div (msg-top) を配置しました。つまり、チャットのサイズが変更されたときに、チャットmsg-topも移動する必要があります。

次の画像を見ると、問題がわかります。に<div id="footerbar">は次の設定があるため、領域全体をカバーします。

#footerbar {position: fixed;bottom: 0px;left: 0px;right: 0px;}

すべての div は の子です#footerbar。

このため、チャット ボックスのサイズを高さ 100% に変更すると、リンクをクリックできなくなります。写真のように高さを小さくしても、チャットボックスの右側のリンクがすべてクリックできません...

これを解決するにはどうすればよいですか?

ありがとう！

他の div:

/* background opacity */
#opacity-me,#msg-top,#msg-messages,#statusbar {
  background: black;
  color: white; 
  border-top: dotted 1px white;
  opacity: .90;    
  filter: alpha(opacity="90");
  z-index: 200;
  overflow: hidden;
  overflow-y: auto;
}
#statusbar {
  position: relative;
}
#message-box{
  position:relative; 
  width: 400px;
}
#msg-top {
  overflow: hidden;
  border: 0px;
  border: dotted 1px white;
}
#msg-messages {
  padding-left: 4px;    
  padding-right: 4px;    
  height: 100px;    
  border: 0px;
}
4

2 に答える 2

0

div id=footer に高さを与えるので、次のようになります。

#footerbar {position: fixed;bottom: 0px;left: 0px;right: 0px; height:30px;}

これで修正されるはずです。それに応じて高さを調整してください。これがうまくいくかどうか教えてください。

于 2010-07-08T13:57:56.427 に答える