Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS о 3х дивах / 13 сообщений из 13, страница 1 из 1
08.01.2010, 18:17
    #36400868
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
МОжет кто подскажет, как сделать 3 дива на странице (блоками в стопку).
Но чтобы у первого высота была к примеру 100px у последнего 100px а средний занимал все остальное... Если делаю у среднего 100% высоты, то страница не вмещается в экран и появляется скроллбар.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 18:26
    #36400883
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
Hett,

afaik без js в блочной верстке так не сделать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 18:32
    #36400893
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
А если все в табло запихать по рукам не дадут? =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 19:12
    #36400939
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
А как это сделать с помощью JS? В 2х словах..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 19:37
    #36400964
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
Hettкак сделать 3 дива на странице (блоками в стопку)
Это как? На картинке проиллюстрируй...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 19:43
    #36400971
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
http://host.podzone.org/test/ как-то так... Только мне нужно чтобы страница водила в экран по высоте.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 19:43
    #36400972
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
входила* =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 19:47
    #36400975
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
Hettкак-то так...
Ну тогда как-то так...

Код: 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.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
<!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;
	background-color: blue;
}
#head {
	height: 100px;
	background-color: green;
}
#prefooter {
	clear: both;
	height: 100px;
	border: 1px solid;
}
#footer {
	margin-top: -100px;
	height: 100px;
	clear: both;
	border: 1px solid;
	background-color: silver;
}
</style>
</head>
<body>
<div id='container'>
	<div id='head'>Head
	</div>
	<div id='text'>Text
	</div>
	<div id='prefooter'>Tab
	</div>
</div>
<div id='footer'>Footer
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 19:48
    #36400978
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
В три ДИВа конечно не уложился...


Но сам я сторонник засунуть все втабличку.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 19:50
    #36400980
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
krvsaВ три ДИВа конечно не уложился...


Но сам я сторонник засунуть все втабличку.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT

:)
В Мозиле, ИЕ и хроме работает как нужно, а в опере не правильно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 20:10
    #36400999
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
Hettа в опере не правильно.
Работает и там... Но только нужно перевести её в оконый режим, а потом снова на весь экран...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 20:11
    #36401001
Hett
Hett
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
гм, это что, баг оперы?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.01.2010, 20:24
    #36401009
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS о 3х дивах
Hettэто что, баг оперы?
Фик его знает... Наверное.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS о 3х дивах / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 480ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453720]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 178ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 58ms
get tp. blocked users:
 1ms
others: 196ms
total:  480ms
x
x
Закрыть


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