Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать "поддончик" / 6 сообщений из 6, страница 1 из 1
21.10.2009, 14:35
    #36264415
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать "поддончик"
Нужно сверстать вот такое (см. картинку)... Пока есть вот такой вариант, он работает в ИЕ и Опере... В ФФ элемент .bottom "залазит" на контент в .body

Код: 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.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
<html>
<head>
<style type="text/css">
* {
	margin:  0 ;
	padding:  0 ;
}
html {
	width:  100 %;
	height:  100 %;
}
body {
	width:  100 %;
	height:  100 %;
}
#space {
	height:  100 %;
	width: 500px;
	border: 1px solid;
}
#cont {
/*
	position: relative;
*/
	height:  100 %;
	width: 400px;
	border: 1px solid;
}
.top {
	height: 30px;
	width:  100 %;
	border: 1px solid;
}
.bottom, .tab {
	height: 30px;
	width:  100 %;
	border: 1px solid;
}
.bottom {
	margin-top: -30px;
/*
	position: absolute;
	bottom: 0;
*/
}
.body {
	height:  100 %;
	border: 1px solid;
}
</style>

</head>
<body>
<div id='cont'>
	<div class='body'>
		<div class='top'>
		</div>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
		</p>
		<div class='tab'>
		</div>
	</div>
	<div class='bottom'>
	</div>
</div>
</body>
</html>

Подскажите как тут поступить?
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.10.2009, 14:38
    #36264425
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать "поддончик"
В оригинале сам #cont будет не на весь экран конечно... Это будет самостоятельный элемент в другом контейнере, просто он должен занимать все его пространство...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.10.2009, 21:51
    #36265526
слоненок
слоненок
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать "поддончик"
krvsa,
ну уберите
Код: plaintext
margin-top: -30px;
(дальше я вникать не стал..)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.10.2009, 08:34
    #36265863
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать "поддончик"
слоненок , ты сам-то пробовал его убрать? Видел что получится? Причем во всех браузерах...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.10.2009, 19:52
    #36267842
слоненок
слоненок
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать "поддончик"
krvsa, в FF3.5 и IE6.., по тех. причинам в других не пробовал. :7
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.10.2009, 11:13
    #36268419
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сверстать "поддончик"
слоненок , если убрать

Код: plaintext
margin-top: -30px;

Поддон вылезет за пределы

Код: plaintext
1.
2.
3.
<div id='cont'>
...
<.div>

а этого мне не надо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сверстать "поддончик" / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 377ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454091]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 41ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 244ms
total:  377ms
x
x
Закрыть


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