Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 100% - 400px / 6 сообщений из 6, страница 1 из 1
24.01.2009, 00:40
    #35775021
Антон Солохов
Антон Солохов
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% - 400px
Читал на форумах, но окончательного ответа так и не нашол.
Есть три блока
height:200px;
center:100%;
footer:200px;

как создать такой макет, чтобы при отсутствии в center контента правый скрол(вертикальный) отсутствовал, тоесть center = 100% - 400px. А верстка занимала весь экран в зависимостим от расширения. НЕ используя JS ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2009, 08:46
    #35776596
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% - 400px
Антон Солоховкак создать такой макет
...
НЕ используя 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, 11:21
    #35776936
Антон Солохов
Антон Солохов
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% - 400px
Точно как я сразу не догодался
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.01.2009, 17:55
    #35778304
Антон Солохов
Антон Солохов
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% - 400px
Очень нравятся бессмысленные советы!)))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.01.2009, 06:13
    #35778926
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% - 400px
качество совета зачастую напрямую зависит от качества вопроса. Непонятно, что читал ты на форумах. Непонятно, как ты футер планируешь крепить к низу - жестко (постоянно на виду) или в зависимости от количества контента. Непонятно, до чего ты дошел собственными руками (в плане кода).

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


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