<3. Просто нужна помощь на моей странице. Как я вижу все мои данные, если у меня есть фиксированный div сверху и внизу моей страницы. нижняя часть не отображается должным образом специально, когда я изменяю высоту страницы. sample
<div id="page-container" class="">
<!------------ content ------------>
<div id="content" class="">
<div class="clear"></div>
<div class="topbox">
<img id="user_image" class="user_image" src="" width="45" height="45"/>
<span class="nickname" id="nickname"></span>
</div>
<div class="message" id="message_container">
<div class="messagechat">
<ul id="message_area">
somelong data here
</ul>
</div>
</div>
<div class="chatbox">
<a href="#" class="pixbtn alignleft"></a>
<div class="chat alignleft">
<input type="text" name="user" class="text" id="input_area">
</div>
<a href="javascript:;" class="sendbtn alignright" id="button_send"></a>
</div>
</div>
я исправил вас здесь: http://jsfiddle.net/c26zd/2/
Если вам нужен некоторый запас между серым фоном (сверху и снизу) и вашим контентом, просто добавьте, например,
#content {
margin: 10px auto;
}
Я думаю, что лучший способ состоит в том, что вы можете контролировать высоту страницы с помощью jQuery, другими словами, когда высота страницы меньше, чем, например, 200px, оба divs (сверху и снизу) должны быть сведены к минимуму (свернуть), теперь вы должны определить событие mouseover для оба из них, что когда мышь находится над ним, это начальный размер (развернуть). Таким образом, в этом состоянии данные будут отображаться лучше, даже когда высота страницы минимальна, вы должны проверить высоту в событии изменения размера
$( window ).resize(function() {
//do something
});
$('#message_container').scrollTop($('#message_container')[0].scrollHeight);
:(