Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Позиционирование блока...

Автор: aktuba 19.2.2007, 20:57

Решил начать изучение html+css+php... Возникла такая проблема:

CSS-файл:

Код


*{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
BODY {
    background-image: url(../images/bg.gif);
    background-repeat: repeat-x;
}
#all {
    margin: 0 auto;
    text-align: left;
    width: 950px;
}
#header {
    height: 99px;
    position: relative;
}
#menu {
    height: 29px;
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}
#menu * {
    float: left;
}
#form-body {
    background-image: url(../images/bodybg.jpg);
    height: 318px;
}
#musor {
    height: 50px;
}

HTML-файл:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Web ToDo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="keywords" content="ToDo" />
        <meta name="description" content="ToDo" />
        <meta name="author" content="aktuba" />
        <link rel="stylesheet" type="text/css" href="http://aktuba.info/css/main.css" />

    </head>
    <body>
        <div id="all">
            <div id="header">
                
            </div>
            <div id="menu">

            </div>
            <div id="musor">

            </div>
            <div id="form-body">

            </div>
        </div>
    </body>
</html>

http://aktuba.info

Теперь вопрос: мне хотелось бы с помощью AJAX выводить все данные в пустую область:

Код


<div id="form-body">

</div>

причем так, чтобы данные не выходили за границы (пусть лучше прокрутка появляется). Как не пытаюсь это сделать не получается... Помогите plz...

Автор: Nuxx 19.2.2007, 21:15

оффтоп, товарисч

Автор: GZep 19.2.2007, 21:21

Пользуйтесь поиском. Это самый обычный случай использования аякса. В инете очень много статей, где конкретно идентичные вышему примеру случаи рассматриваются. Не вижу в вашем случаи никаких специфических нюансов, чтобы можно было дискутировать.

Автор: SelenIT 19.2.2007, 21:23

aktuba,

Код


#form-body {
    background-image: url(../images/bodybg.jpg);
    height: 318px;
    overflow: auto; /* вот что нужно было добавить ;)  */
}

Автор: aktuba 19.2.2007, 21:27

Nuxx, где оффтоп? я помощи по css прошу!

GZep, при чем тут AJAX? мне позиционирование нужно.

SelenIT, если добавить overflow: auto; даже картинка пропадает....

Итого: вопрос не решен smile

Автор: SelenIT 19.2.2007, 21:35

aktuba, в каком браузере она пропадает? И как (уезжает за рамку, просто внезапно исчезает)?