Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Width; Height / 20 сообщений из 20, страница 1 из 1
23.02.2010, 12:10:38
    #36484115
Ratty
Ratty
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
Доброго времени суток!

Не знаю, с одной стороны мой вопрос смешной а сдругой стороны не знаю как поступить. Изначально мой проект (длина х ширина) был 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:35:59
    #36484164
Ratty
Ratty
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
Данная тема уже обсуждалась

/topic/736603

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

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

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

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

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

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

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

Код: 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, 12:40:51
    #36487670
Ratty
Ratty
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
Прошу прощения за ошибку, забыл скинуть код 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, 13:46:40
    #36487863
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
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:54:53
    #36487890
Ratty
Ratty
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
krvsa,

Взгляните на скриншот (тест в Opera)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 13:55:58
    #36487894
Ratty
Ratty
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 14:06:21
    #36487922
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
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, 15:16:01
    #36488159
Ratty
Ratty
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Width; Height
krvsa,

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


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