Исправлен div сверху и снизу

0

<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>
Теги:

2 ответа

0
Лучший ответ

я исправил вас здесь: http://jsfiddle.net/c26zd/2/

Если вам нужен некоторый запас между серым фоном (сверху и снизу) и вашим контентом, просто добавьте, например,

#content {
    margin: 10px auto;
}
  • 0
    спасибо ооочень большое .. :-)
  • 0
    Можно вопрос? у меня проблема с моим js..my scrollTop не работает. у меня есть интервал времени, который добавляет данные в message_area. этот больше не работает $('#message_container').scrollTop($('#message_container')[0].scrollHeight); :(
Показать ещё 4 комментария
0

Я думаю, что лучший способ состоит в том, что вы можете контролировать высоту страницы с помощью jQuery, другими словами, когда высота страницы меньше, чем, например, 200px, оба divs (сверху и снизу) должны быть сведены к минимуму (свернуть), теперь вы должны определить событие mouseover для оба из них, что когда мышь находится над ним, это начальный размер (развернуть). Таким образом, в этом состоянии данные будут отображаться лучше, даже когда высота страницы минимальна, вы должны проверить высоту в событии изменения размера

$( window ).resize(function() {
  //do something
}); 

Ещё вопросы

Сообщество Overcoder
Наверх
Меню