VPF::Позиционирование блока... - Форум программистов

aktuba

Дата 19.2.2007, 20:57 (ссылка)

(нет голосов)

Загрузка ...

Смышленный

Профиль
Группа: Завсегдатай
Сообщений: 1915
Регистрация: 24.4.2006
Где: Планета Земля

Репутация: нет
Всего: 38

Решил начать изучение 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>

Результат тут.

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

Код


<div id="form-body">

</div>

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

--------------------

Nuxx

Дата 19.2.2007, 21:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 2.11.2006

Репутация: нет
Всего: нет

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

GZep

Дата 19.2.2007, 21:21 (ссылка)

(нет голосов)

Загрузка ...

участник Винграда

Профиль
Группа: Завсегдатай
Сообщений: 1528
Регистрация: 7.7.2006
Где: Москва

Репутация: нет
Всего: 32

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

--------------------

SelenIT

Дата 19.2.2007, 21:23 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

aktuba,

Код


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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

aktuba

Дата 19.2.2007, 21:27 (ссылка)

(нет голосов)

Загрузка ...

Смышленный

Профиль
Группа: Завсегдатай
Сообщений: 1915
Регистрация: 24.4.2006
Где: Планета Земля

Репутация: нет
Всего: 38

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

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

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

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

--------------------

SelenIT

Дата 19.2.2007, 21:35 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »