Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Относительные размеры div / 14 сообщений из 14, страница 1 из 1
15.10.2009, 14:59
    #36253364
kmaw
kmaw
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
Открывается модальное окно, в котором есть div с содержимым. как сделать так, чтобы ширина и высота этого div изменялись при изменении размеров окна и если содержимое не помещается в div, то появлялись полосы прокрутки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 00:57
    #36254504
neznau
neznau
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
kmaw,

Код: plaintext
1.
2.
3.
<div name="outer" style="overflow:auto;width:100%;height:100%;border:red 2px groove">
<div name="inner" style="margin:20px 20px 20px 20px;width:500px;height:50px;border:green 2px groove"></div>
</div>

стиль overflow и задание стилей высоты и ширины элемента в процентах.

оно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 07:43
    #36254630
kmaw
kmaw
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
для высоты не работает (может только в ИЕ, но мне надо как раз в нём)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 09:33
    #36254748
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
kmaw , что значит не работает? У меня работает и в ИЕ6 и Опрере...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<html>
<head>
<style type="text/css">
#my {
	overflow:auto;
	width: 100 %;
	height: 100 %;
	border:red 2px groove;
}
</style>
</head>
<body>
<HTML>
<body>
<div id="my">
</div>
</body>
</HTML></body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 12:06
    #36255228
kmaw
kmaw
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
то что вы прислали - работает. но вот так я делаю:

Код: 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.
81.
82.
<html>
<head>
    <style type="text/css">
.mainDivContent
{
	overflow:auto;
	width: 100 %;
	height: 100 %;
	
	border-right: # 336699  1px solid;
	border-top: # 336699  1px solid;
	border-left: # 336699  1px solid;
	border-bottom: # 336699  1px solid;
	
	background-color: #ffffff;
	
	margin:10px;
	padding:10px;
}
</style>

</head>
<body>
<FORM>



<DIV class=mainDivContent>
	<TABLE id=FormView1 style="BORDER-COLLAPSE: collapse" cellSpacing= 0  border= 0 >
		<TBODY>
			<TR>
				<TD colSpan= 2 >
					<TABLE class=editItemTable>
						<TBODY>
							<TR>
								<TD class=editItemTableTd colSpan= 2 >Информация о </TD></TR>
							<TR>
								<TD class=RequiredField title="Поле":>Поле:</TD>
								<TD><TEXTAREA style="WIDTH: 400px; HEIGHT: 60px"></TEXTAREA></TD></TR>

							<TR>
								<TD title="Поле:">Поле:</TD>
								<TD><TEXTAREA style="WIDTH: 400px; HEIGHT: 60px"></TEXTAREA> </TD></TR>
							<TR>
								<TD title="Поле:">Поле:</TD>
								<TD><TEXTAREA style="WIDTH: 400px; HEIGHT: 60px"></TEXTAREA> </TD></TR>
							<TR>
								<TD title="Поле:">Поле:</TD>
								<TD><TEXTAREA style="WIDTH: 400px; HEIGHT: 60px"></TEXTAREA> </TD></TR>
							<TR>
								<TD title="Поле:">Поле:</TD>
								<TD><TEXTAREA style="WIDTH: 400px; HEIGHT: 60px"></TEXTAREA> </TD></TR>
							<TR>
								<TD title="Поле:">Поле:</TD>
								<TD><TEXTAREA style="WIDTH: 400px; HEIGHT: 60px"></TEXTAREA> </TD></TR>
							<TR>
								<TD title="Поле:">Поле:</TD>
								<TD><TEXTAREA style="WIDTH: 400px; HEIGHT: 60px"></TEXTAREA> </TD></TR>
							<TR>
								<TD class=editItemTableTd colSpan= 2 >Служебная информация</TD></TR>
							<TR>
								<TD>Дата и время добавления записи:</TD>
								<TD><SPAN> 01 . 10 . 2009   17 : 48 : 25 </SPAN> </TD></TR>
							<TR>
								<TD>Дата и время редактирования записи:</TD>
								<TD><SPAN> 03 . 10 . 2009   13 : 46 : 39 </SPAN> </TD></TR>
							<TR>
								<TD>Пользователь:</TD>
								<TD><SPAN>admin</SPAN></TD></TR>
						</TBODY>
					</TABLE>
				</TD>
			</TR>
		</TBODY>
	</TABLE>
</DIV>
 


</FORM>
</body></html>


и по высоте не получается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 12:32
    #36255332
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
я у себя проверил, всё работает...возможно из-за margin:10px; padding:10px; ты не видишь полосу прокрутки, я потащил браузерную полосу прокрутки вправо и увидел вертикальную полосу прокрутки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:00
    #36255754
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
kmaw , вот это у тебя замес! Хлеще чем смерть Кащея.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:07
    #36255777
kmaw
kmaw
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
Полосы прокрутки то появляются, но при этом размеры div превышают область окна и полосы прокрутки появляются еще и у окна. короче, это не работает так как

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<html>
<head>
<style type="text/css">
#my {
	overflow:auto;
	width: 100 %;
	height: 100 %;
	border:red 2px groove;
}
</style>
</head>
<body>
<HTML>
<body>
<div id="my">
</div>
</body>
</HTML></body>
</html>

а надо именно так
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:09
    #36255781
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
Вот это

Код: 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.
<html>
<head>
    <style type="text/css">
.mainDivContent
{
	overflow:auto;
	width:  100 %;
	height:  100 %;
	border: 1px solid;
}
#my {
	width: 400px;
	height: 10px;
	border: 1px solid;
}
</style>

</head>
<body>
<FORM>
<DIV class=mainDivContent>
	<p>Открывается модальное окно, в котором есть div с содержимым. как сделать так, 
	чтобы ширина и высота этого div изменялись при изменении размеров окна и если 
	содержимое не помещается в div, то появлялись полосы прокрутки
	</p>
	<div id='my'>
	</div>
</DIV>
</FORM>
</body>
</html>

у меня работает везде, кроме оперы (9.63), в ней вертикальная прокрутка окна перебивает и не дает крутнуться диву...
Вывод - ты ооочень сильно перемудрил с версткой...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:09
    #36255785
kmaw
kmaw
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
и по высоте все равно не растягивается
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:28
    #36255848
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
kmawи по высоте все равно не растягивается

Таки разметку нужно правильную делать! Вот например

Код: 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.
<html>
<head>
<style type="text/css">
* {
	margin:  0 ;
	padding:  0 ;
}
html {
	width:  100 %;
	height:  100 %;
}
body {
	width:  100 %;
	height:  100 %;
}
.mainDivContent {
	width:  100 %;
	height:  100 %;
	overflow:auto;
}
#my {
	width: 400px;
	height: 10px;
	border: 1px solid;
}
</style>

</head>
<body>
<DIV class=mainDivContent>
	<FORM>
		<p>Открывается модальное окно, в котором есть div с содержимым. как сделать так, 
		чтобы ширина и высота этого div изменялись при изменении размеров окна и если 
		содержимое не помещается в div, то появлялись полосы прокрутки
		</p>
		<div id='my'>
		</div>
	</FORM>
</DIV>
</body>
</html>

Все тянется и работает как ты хотел!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:42
    #36255900
kmaw
kmaw
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
круто. я бы до таких дезигнерских тонкостей точно не допер
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:44
    #36255912
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
kmaw , какие твои годы!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2009, 14:46
    #36255923
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Относительные размеры div
Только значения параметров не забывай в ковычки/апострофы брать...

Код: plaintext
<DIV class='mainDivContent'>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Относительные размеры div / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 519ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454125]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 175ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 269ms
total:  519ms
x
x
Закрыть


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