РЕДАКТИРОВАТЬ: Проблема решена .. Я не могу поверить, что я не думал об этом с самого начала.Решение:
#message-box{position:fixed;bottom: 29px;left:0px;width: 400px;}
---- Исходное сообщение:
Привет,
Вот изображение: http://i242.photobucket.com/albums/ff198/Warz/divchatproblemmodified.png
(там написано id = footer, но должно быть написано id=footerbar. Также строка в самом низу (где вы вводите сообщение, с идентификатором под названием "statusbar") должна охватывать width: 100%;, так какуже делает.)
Я пытаюсь создать нижнюю панель на моем сайте с помощью чата.Размер чата должен быть в состоянии изменить размер (изменить высоту).Как вы можете видеть, я поместил div (msg-top) над чатом, что означает, что при изменении размера чата msg-top также следует перемещать.
Если вы посмотрите на следующее изображение, выувидим проблему.<div id="footerbar"> имеет следующие настройки и, следовательно, охватывает всю область:
#footerbar {position: fixed;bottom: 0px;left: 0px;right: 0px;}
Все деления являются потомками #footerbar.
Из-за этого, если я увеличу размер окна чата до 100%, ссылки не будут нажаты.Даже с небольшой высотой, как на картинке, невозможно щелкнуть все ссылки справа от окна чата ...
Что я могу сделать, чтобы решить эту проблему?
Спасибо!
Другие дивы:
/* 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;
}