Невозможно щелкнуть ссылку рядом с фиксированным div.

Question

EDIT: Проблема решена. Не могу поверить, что я не думал об этом для начала. Решения:

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

---- Первоначальное сообщение:

Привет,

Вот изображение: http://i242.photobucket.com/albums/ff198/Warz/divchatproblemmodified.png

(он говорит ID = колонтитул там, но его должен сказать id=footerbar. Также панель в самом низу (где вы вводите сообщение с идентификатором, называемым «панель состояния») должна охватывать 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; 
} 

Answer 1

придающие Div ID = FOOTER высоту, так что-то вроде:

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

это должно исправить, просто отрегулировать высоту соответственно. дайте мне знать, если это сработает.

Answer 2

Элемент ниже другого элемента, так что вы не в состоянии Klick Линк, ссылка все еще работает ... просто использовать Z-индекс на footerbar или попытаться изменить положение footerbar ...