Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать контент динамическим / 10 сообщений из 10, страница 1 из 1
16.02.2010, 17:22:08
    #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, 18:05:38
    #36473269
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать контент динамическим
afx,

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

.content {overflow: scroll} ?

вообще-то работает, но мне нужно нечто иное. Должно быть так, чтобы подвал убегал вниз, а контент занимал его место. А здесь выходит, что он(подвал) остаётся на своём месте внизу страницы, а прокручивается само содержимое контента. Как сделать, подскажите, кто сталкивался.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.02.2010, 20:57:28
    #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, 22:23:52
    #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
| Ответить | Цитировать | Написать  
17.02.2010, 12:45:12
    #36474686
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать контент динамическим
afxРенат[quot afx][quot an0nym]afx,

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

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

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


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