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

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


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


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


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