ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать контент динамическим
10 сообщений из 10, страница 1 из 1
Как сделать контент динамическим
    #36473134
afx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
afx
Участник
Здравствуйте!
Помогите, пожалуйста, решить такую проблему.
Есть страница, разделённая на заголовок, контент и подвал. Средняя часть - контент - занимает 65% страницы. При подгрузке контент-страница занимает больше этих 65% и залазит на подвал. Мне же нужно, чтобы "подвал" смещался вниз динамически.
Настройка css-файла выглядит так :
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
.content
{
	background-color:Aqua;
	position:absolute;
	bottom:  10 %;
	left:  15 %;
	top:  30 %;
	height:  65 %;
	width:  50 %;	
}

.podval
{
	background-color:Gray;
	position:absolute;
	bottom:  0 %;
	left:  15 %;
	width:  70 %;
	height: 5 %;
}

Заранее благодарен за помощь!
...
Рейтинг: 0 / 0
16.02.2010, 17:22:08
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36473269
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
an0nym
Участник
afx,

.content {overflow: scroll} ?
...
Рейтинг: 0 / 0
16.02.2010, 18:05:38
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36473341
afx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
afx
Участник
an0nymafx,

.content {overflow: scroll} ?

вообще-то работает, но мне нужно нечто иное. Должно быть так, чтобы подвал убегал вниз, а контент занимал его место. А здесь выходит, что он(подвал) остаётся на своём месте внизу страницы, а прокручивается само содержимое контента. Как сделать, подскажите, кто сталкивался.
...
Рейтинг: 0 / 0
16.02.2010, 18:30:05
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36473613
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
afxan0nymafx,

.content {overflow: scroll} ?

вообще-то работает, но мне нужно нечто иное. Должно быть так, чтобы подвал убегал вниз, а контент занимал его место. А здесь выходит, что он(подвал) остаётся на своём месте внизу страницы, а прокручивается само содержимое контента. Как сделать, подскажите, кто сталкивался.
перейти от абсолютного позициирования к нормальному. То все автоматом станет само перемешатсья при увеличении контента.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
.content
{
	background-color:Aqua;
	margin-left:  15 %;
	margin-top:  30 %;
	height:  65 %;
	width:  50 %;	
}

.podval
{
	background-color:Gray;
	margin-left:  15 %;
	width:  70 %;
	height: 5 %;
}
и кто вас учил юзать bottom? некросбраузерно же. не все браузеры его знают
...
Рейтинг: 0 / 0
16.02.2010, 20:57:28
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36473729
afx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
afx
Участник
Ренатafxan0nymafx,

.content {overflow: scroll} ?

вообще-то работает, но мне нужно нечто иное. Должно быть так, чтобы подвал убегал вниз, а контент занимал его место. А здесь выходит, что он(подвал) остаётся на своём месте внизу страницы, а прокручивается само содержимое контента. Как сделать, подскажите, кто сталкивался.
перейти от абсолютного позициирования к нормальному. То все автоматом станет само перемешатсья при увеличении контента.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
.content
{
	background-color:Aqua;
	margin-left:  15 %;
	margin-top:  30 %;
	height:  65 %;
	width:  50 %;	
}

.podval
{
	background-color:Gray;
	margin-left:  15 %;
	width:  70 %;
	height: 5 %;
}
и кто вас учил юзать bottom? некросбраузерно же. не все браузеры его знают

что-то всё равно не выходит - контент занимает где-то 10% того, что должен занимать - сверху и снизу него пространство. С подвалом вроде нормально всё. Там ещё есть блок для рекламы, который должен размещаться рядом с контентом - так он тоже занимает только 10% и упал до подвала.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<div class="content">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            
            </asp:ContentPlaceHolder>
        </div>
        
        <div class="reklama">
            <b>
                Реклама</b>
        </div>
        
        <div class="podval">
            <b>
                Подвал!
            </b>
        </div>
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
.reklama
{
	background-color:Olive;
	margin-left:  65 %;
	margin-top:  30 %;
	margin-right:  15 %;
	height:  65 %;
	width:  20 %;		
}

.content
{
	background-color:Aqua;
	margin-left:  15 %;
	margin-top:  30 %;
	margin-right:  30 %;
	height:  65 %;
	width:  50 %;	
}

.podval
{
	background-color:Gray;
	margin-left:  15 %;
	width:  70 %;
	height: 5 %;
}
...
Рейтинг: 0 / 0
16.02.2010, 22:23:52
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36474686
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
afxРенат[quot afx][quot an0nym]afx,

.content {overflow: scroll} ?
что-то всё равно не выходит - контент занимает где-то 10% того, что должен занимать - сверху и снизу него пространство.
[/src]
так пространство у вас свободное от переизбытка маргинов
...
Рейтинг: 0 / 0
17.02.2010, 12:45:12
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36474866
afx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
afx
Участник
EmilRegisafxРенат[quot afx][quot an0nym]afx,

.content {overflow: scroll} ?
что-то всё равно не выходит - контент занимает где-то 10% того, что должен занимать - сверху и снизу него пространство.
[/src]
так пространство у вас свободное от переизбытка маргинов

Объясните конкретнее - как нужно сделать разметку, чтобы не было пустых мест.
...
Рейтинг: 0 / 0
17.02.2010, 13:26:11
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36475001
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
а почему не использовать <table> ?
у вас же проблема в том, чтобы рекламу и контент рядом друг с другом разместить...
...
Рейтинг: 0 / 0
17.02.2010, 13:54:24
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36475008
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
Ренат[quot afx][quot an0nym]
и кто вас учил юзать bottom? некросбраузерно же. не все браузеры его знают
а какой не поддерживает?
...
Рейтинг: 0 / 0
17.02.2010, 13:55:51
| Ответить | Цитировать | Написать  
Как сделать контент динамическим
    #36476175
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
EmilRegisРенат[quot afx][quot an0nym]
и кто вас учил юзать bottom? некросбраузерно же. не все браузеры его знают
а какой не поддерживает?
ну вроде бы во всех =)
зы. с css2
...
Рейтинг: 0 / 0
17.02.2010, 20:32:57
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать контент динамическим
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36473269&tid=1453526]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 187ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 199ms
total:  470ms
созд. / загр.: 470ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]