ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Width; Height
20 сообщений из 20, страница 1 из 1
Width; Height
    #36484115
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
Доброго времени суток!

Не знаю, с одной стороны мой вопрос смешной а сдругой стороны не знаю как поступить. Изначально мой проект (длина х ширина) был 1280 х 1024px. Но хочется сделать так чтобы width и height были четко под текущее разрешение монитора (на всех мониторах оно разное)

Так вот в чем вопрос, мне ничего не мешает заменить фиксированиую длину и ширину на проценты. Если width = "100%" ставиться и отображается без проблем, то с height = "100%" подводные камни, height не растягивается на всю ширину окна.

С другой сторны я могу определить height и width с помощью js "window.screeen.width/height" но как их задать моей таблице или div'у?

Пробывал так, но не работает:

Код: plaintext
document.getElementById('My_Table').width/height = window.screeen.width/height

Спасибо всем за ответы!
...
Рейтинг: 0 / 0
23.02.2010, 12:10:38
| Ответить | Цитировать | Написать  
Width; Height
    #36484164
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
Данная тема уже обсуждалась

/topic/736603

Проблема решена
...
Рейтинг: 0 / 0
23.02.2010, 12:35:59
| Ответить | Цитировать | Написать  
Width; Height
    #36484217
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
RattyЕсли width = "100%" ставиться и отображается без проблем, то с height = "100%" подводные камни, height не растягивается на всю ширину окна.
Примерчик посмотреть бы про эдакую немощь...
...
Рейтинг: 0 / 0
23.02.2010, 13:09:38
| Ответить | Цитировать | Написать  
Width; Height
    #36484237
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsaRattyЕсли width = "100%" ставиться и отображается без проблем, то с height = "100%" подводные камни, height не растягивается на всю ширину окна.
Примерчик посмотреть бы про эдакую немощь...
Доктайп, какой-нибудь, отличный от HTML пропиши - увидишь.
...
Рейтинг: 0 / 0
23.02.2010, 13:19:24
| Ответить | Цитировать | Написать  
Width; Height
    #36484248
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ShSerge , то, что варианты есть - понятно. Вопрос с чем столкнулся автор...
...
Рейтинг: 0 / 0
23.02.2010, 13:26:18
| Ответить | Цитировать | Написать  
Width; Height
    #36484259
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
krvsa ShSerge , то, что варианты есть - понятно. Вопрос с чем столкнулся автор...
Я про хейгхт=100%. Прибить доктайп - всё получится.
...
Рейтинг: 0 / 0
23.02.2010, 13:31:24
| Ответить | Цитировать | Написать  
Width; Height
    #36486808
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
И все-таки проблема осталась...

У меня доктайп следующий:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
...
Рейтинг: 0 / 0
24.02.2010, 21:40:26
| Ответить | Цитировать | Написать  
Width; Height
    #36486822
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ratty , убери его... И посмотри что получится без него... Или он (дктайп) тебе родным стал?
...
Рейтинг: 0 / 0
24.02.2010, 21:52:29
| Ответить | Цитировать | Написать  
Width; Height
    #36486831
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
Убрал, не помогло...

Тестирую на IE и Google Chrome - все отлично, на Mozille появляется 2 полосы прокрутки...

Скинуть кодна всякий случай код?
...
Рейтинг: 0 / 0
24.02.2010, 22:01:13
| Ответить | Цитировать | Написать  
Width; Height
    #36486842
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Ratty,

Этот доктайп (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">) - всё равно, что его нету. Можно и не писаь. Давай код скидывай. Интересно по поводу высоты.
...
Рейтинг: 0 / 0
24.02.2010, 22:09:57
| Ответить | Цитировать | Написать  
Width; Height
    #36486883
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
Постараю покороче:

Код: 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.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="ip/ms.css">
</head>
<body>

<table border="1" class="mn_brdr">
<tr align="center">
 <td height="10%">Тут Хеадер и панель для поиска</td>
</tr>
<tr align="center">
 <td>
 
 <div style="border:1px solid #F00; width:99%; height:99%; overflow:auto">
 
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 
 </p>
 </div>

 </td>
</tr>
 <tr align="center">
<td height="5%">Тут футер</td>
</tr>
</table>

</body>
</html>
...
Рейтинг: 0 / 0
24.02.2010, 22:45:54
| Ответить | Цитировать | Написать  
Width; Height
    #36487200
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ratty , не совсем понятно... Если данных мало, как сейчас, все так и должно быть узеньким и вверху окна?
...
Рейтинг: 0 / 0
25.02.2010, 09:14:51
| Ответить | Цитировать | Написать  
Width; Height
    #36487201
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Мы вед не имеем твоего ЦССа...

Код: plaintext
<link rel="stylesheet" type="text/css" href="ip/ms.css">

Значит не видим страницу, как видишь её ты.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
25.02.2010, 09:16:23
| Ответить | Цитировать | Написать  
Width; Height
    #36487670
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
Прошу прощения за ошибку, забыл скинуть код css

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
.mn_brdr
{
width: 100 %;
height: 100 %;
border-spacing: 0 ;
padding: 0 ;
outline:none;
border-collapse:collapse;
}

body
{
margin: 0 ;
padding: 0 ;
}

Здесь я указываю что всю таблицу растянуть по ширине и высоте

Как я и сказал ранее у меня таблица из трех строк:

1) Header height: 10%
2) Мой контент
3) Футер

В 2 строке и будет моя главная таблица. Но я так же хочу чтобы она вписывалась в расположенную <td></td>. Таблица с контентом (в примере div) может быть по ширине и высоте более чем контейнер (ячейка), поэтому я хочу чтобы вторая строка не растягивалась, а появились полосы прокрутки (поэтому div style="overflow:auto") Все это для того чтобы моя станица полностью подстроилась под размер станицы, и не было большой полосы прокрутки (всей страницы)

Ранее этот самый div был фиксированной height, и проблем не было (но таблица подстроена под разрешение 1280 х 1024 но мониторы то у всех разные, поэтому проценты)

С другой стороны я установил у diva height="100%" значит никаких scroll

Все что я хочу, это чтобы мой div(таблица), не выходил за рамки своего контейнера(<td></td>) а если у div height больше height td? то появились полосы прокрутки у div? а не на всей странице

Тот вариант который я скинул сейчас работает (как мне надо) под IE Google Chrome, но надо чтобы код был вполне корссбраузерный

Приймите мои извинения за большое сообщение
...
Рейтинг: 0 / 0
25.02.2010, 12:40:51
| Ответить | Цитировать | Написать  
Width; Height
    #36487863
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
RattyТот вариант который я скинул сейчас работает (как мне надо) под IE Google Chrome, но надо чтобы код был вполне корссбраузерный
У меня в ИЕ6.0, Опере - работает. А вот ФФ внутрений скрол даёт вместе с внешним...

Код: 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.
83.
84.
85.
86.
87.
88.
89.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type='text/css'>
.mn_brdr {
	width: 100 %;
	height: 100 %;
	border-spacing: 0 ;
	padding: 0 ;
	outline:none;
	border-collapse:collapse;
}

body {
	margin: 0 ;
	padding: 0 ;
}
#content {
	border:1px solid #F00; 
	width: 99 %; 
	height: 99 %; 
	overflow:auto;
}
</style>
</head>
<body>

<table border="1" class="mn_brdr">
<tr align="center">
 <td height="10%">Тут Хеадер и панель для поиска</td>
</tr>
<tr align="center">
 <td>
 
 <div id='content'>
 
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
 (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
 стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
 IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 </p>
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
 (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
 стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
 IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 </p>
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
 (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
 стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
 IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 </p>
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
 (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
 стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
 IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 </p>
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
 (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
 стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
 IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 </p>
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
 (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
 стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
 IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 </p>
 <p>А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
 (контента в таблице может быть море использую div)
 Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
 стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
 IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
 </p>
 </div>

 </td>
</tr>
 <tr align="center">
<td height="5%">Тут футер</td>
</tr>
</table>

</body>
</html>

Чудное дело...
...
Рейтинг: 0 / 0
25.02.2010, 13:46:40
| Ответить | Цитировать | Написать  
Width; Height
    #36487890
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
krvsa,

Взгляните на скриншот (тест в Opera)
...
Рейтинг: 0 / 0
25.02.2010, 13:54:53
| Ответить | Цитировать | Написать  
Width; Height
    #36487894
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
...
Рейтинг: 0 / 0
25.02.2010, 13:55:58
| Ответить | Цитировать | Написать  
Width; Height
    #36487922
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Ratty , пока могу предложить вот такой альтернативный вариант...

Код: 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.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type='text/css'>
* {
	margin: 0 ;
	padding: 0 ;
}
html,
body {
	width:  100 %;
	height:  100 %;
}
#head {
	height:  10 %;
	background-color: red;
}
#content {
	height:  85 %;
	overflow: auto;
}
#footer {
	height:  5 %;
	background-color: blue;
}
</style>
</head>
<body>
<div id='head'>
</div>
<div id='content'>
	<p>
		А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
		(контента в таблице может быть море использую div)
		Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
		стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
		IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
	</p>
	<p>
		А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
		(контента в таблице может быть море использую div)
		Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
		стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
		IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
	</p>
	<p>
		А вот здесь таблица с содержимым, должна быть height = "99%" b width = "99%" и обязательно поласа прокрутки 
		(контента в таблице может быть море использую div)
		Проблема в том, что пока табличка маленькая (влазит в ширину, полоса прокрутки не нужна) все работает. Но только 
		стоит ей привысить height, полоса прокрутки не появляется, div сворачивается в одну горизонтальную линию... А в 
		IE Google Chorome все работает, в Mozille частично (две полосы, одна главная другая к divу)
	</p>
</div>
<div id='footer'>
</div>
</body>
</html>

У меня он работает везде.
...
Рейтинг: 0 / 0
25.02.2010, 14:06:21
| Ответить | Цитировать | Написать  
Width; Height
    #36488159
Ratty
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ratty
Участник
krvsa,

Спасибо Вам большое! Действительно использование div решило проблему и вполне однозначно для броузеров, и как это мне в голову не пришло!
...
Рейтинг: 0 / 0
25.02.2010, 15:16:01
| Ответить | Цитировать | Написать  
Width; Height
    #36488784
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Rattyи как это мне в голову не пришло!
Порой самое очевидное и не замечают...
...
Рейтинг: 0 / 0
25.02.2010, 19:07:49
| Ответить | Цитировать | Написать  
20 сообщений из 20, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Width; Height
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36484259&tid=1453481]:
 0ms
get settings:
 8ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 29ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 232ms
total:  340ms
созд. / загр.: 340ms
x
x
Закрыть


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