ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 100% - 400px
6 сообщений из 6, страница 1 из 1
100% - 400px
    #35775021
Антон Солохов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Антон Солохов
Гость
Читал на форумах, но окончательного ответа так и не нашол.
Есть три блока
height:200px;
center:100%;
footer:200px;

как создать такой макет, чтобы при отсутствии в center контента правый скрол(вертикальный) отсутствовал, тоесть center = 100% - 400px. А верстка занимала весь экран в зависимостим от расширения. НЕ используя JS ?
...
Рейтинг: 0 / 0
24.01.2009, 00:40
| Ответить | Цитировать | Написать  
100% - 400px
    #35776596
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Антон Солоховкак создать такой макет
...
НЕ используя JS ?
Верстку нормальну нужно делать - вот и все.

 
<- для посмотреть, жать сюда
Код: 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.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>«Primer»</title>
<!--<link rel="stylesheet" type="text/css" href="css/main.css">-->
<script language="JavaScript" src="page.js" type="text/JavaScript"></script>

<style type='text/css'>
* {
	margin: 0px;
	padding: 0px;
}
html {
	height:  100 %;
	width:  100 %;
}
body {
	width:  100 %;
	min-height: 100 %;
	height:  100 %;
}
#container {
	height: auto !important;
	min-height: 99 %;
	height:  99 %;
	border: 1px solid;
}
#prefooter {
	clear: both;
	height: 100px;
	border: 1px solid;
}
#footer {
	margin-top: -100px;
	clear: both;
	border: 1px solid;
}
</style>
</head>
<body>
<div id='container'>Text
	<div id='prefooter'>Tab
	</div>
</div>
<div id='footer'>Footer
</div>
</body>
</html>
...
Рейтинг: 0 / 0
26.01.2009, 08:46
| Ответить | Цитировать | Написать  
100% - 400px
    #35776936
Антон Солохов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Антон Солохов
Гость
Точно как я сразу не догодался
...
Рейтинг: 0 / 0
26.01.2009, 11:21
| Ответить | Цитировать | Написать  
100% - 400px
    #35778304
Антон Солохов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Антон Солохов
Гость
Очень нравятся бессмысленные советы!)))
...
Рейтинг: 0 / 0
26.01.2009, 17:55
| Ответить | Цитировать | Написать  
100% - 400px
    #35778926
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
качество совета зачастую напрямую зависит от качества вопроса. Непонятно, что читал ты на форумах. Непонятно, как ты футер планируешь крепить к низу - жестко (постоянно на виду) или в зависимости от количества контента. Непонятно, до чего ты дошел собственными руками (в плане кода).

Найдено в гугле за пару минут:
http://softwaremaniacs.org/forum/web/348/
http://zodios.net/htmlcss/downfooter.html
здесь примеры макета с футером, прижатым к низу в случае, когда контента мало. Это оно самое, что нужно, или нет?
...
Рейтинг: 0 / 0
27.01.2009, 06:13
| Ответить | Цитировать | Написать  
100% - 400px
    #35779023
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Не понятно зачем центр делать на 100% если есть хедер и футер...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
27.01.2009, 08:35
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 100% - 400px
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35776596&tid=1455266]:
 0ms
get settings:
 10ms
get forum list:
 16ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 426ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 237ms
total:  741ms
созд. / загр.: 741ms
x
x
Закрыть


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