ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Относительные размеры div
14 сообщений из 14, страница 1 из 1
Относительные размеры div
    #36253364
kmaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kmaw
Участник
Открывается модальное окно, в котором есть div с содержимым. как сделать так, чтобы ширина и высота этого div изменялись при изменении размеров окна и если содержимое не помещается в div, то появлялись полосы прокрутки
...
Рейтинг: 0 / 0
15.10.2009, 14:59
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36254504
neznau
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
neznau
Участник
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, 00:57
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36254630
kmaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kmaw
Участник
для высоты не работает (может только в ИЕ, но мне надо как раз в нём)
...
Рейтинг: 0 / 0
16.10.2009, 07:43
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36254748
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
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, 09:33
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255228
kmaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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.
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:06
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255332
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
я у себя проверил, всё работает...возможно из-за margin:10px; padding:10px; ты не видишь полосу прокрутки, я потащил браузерную полосу прокрутки вправо и увидел вертикальную полосу прокрутки
...
Рейтинг: 0 / 0
16.10.2009, 12:32
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255754
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
kmaw , вот это у тебя замес! Хлеще чем смерть Кащея.
...
Рейтинг: 0 / 0
16.10.2009, 14:00
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255777
kmaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kmaw
Участник
Полосы прокрутки то появляются, но при этом размеры 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:07
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255781
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Вот это

Код: 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
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255785
kmaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kmaw
Участник
и по высоте все равно не растягивается
...
Рейтинг: 0 / 0
16.10.2009, 14:09
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255848
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
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:28
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255900
kmaw
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kmaw
Участник
круто. я бы до таких дезигнерских тонкостей точно не допер
...
Рейтинг: 0 / 0
16.10.2009, 14:42
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255912
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
kmaw , какие твои годы!
...
Рейтинг: 0 / 0
16.10.2009, 14:44
| Ответить | Цитировать | Написать  
Относительные размеры div
    #36255923
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Только значения параметров не забывай в ковычки/апострофы брать...

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


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