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

Код: 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />

<title>трехколонный макет, футер снизу</title>

<style type="text/css">
html, body { margin:  0 ; padding:  0 ; height:  100 %; width:  100 %; }

#main {
	height: auto !important;
	height:  100 %;
	min-height:  100 %;
	margin:  0  auto;
	background: # 999  url(bg-left.gif) repeat-y left; 
	/* используется, чтобы замостить часть пустого окна, если правая колонка больше остальных */
	width:  100 %;
	min-width: 800px;
	width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <  800 )? "800px" : "100%");
}

#header {
	background: #cda;
	height: 184px;
	margin:  0  auto -184px;
	position: relative;
}
#footer {
	background: #cad;
	height: 80px;
	margin: -80px auto  0 ;
	clear: both;
}

#columns {
	padding: 184px  0  80px  0 ;
	overflow: hidden;
	width:  100 %;
}

#wrap {
	float: left; width:  100 %; margin-right: 0px;
	background: # 999  url(bg-right.gif) repeat-y right;
	/* используется для замощения фоном если средняя часть больше правой */
}

#container {
	margin-right: 0px;
	height:  100 %;
	background: # 999  url(bg-left.gif) repeat-y left;
	/* используется, если средняя часть больше левой */
}

#left  { float: left;  width: 240px; background-color: #b0dbf2;}


#content { margin-left: 240px; background-color: # 999 ; }

</style>
</head>

<body>

<div id="header">header</div>	
<div id="main">
  <div id="columns">
    <div id="wrap">
	  <div id="container">
		<div id="left">
			left left left left left left left left left left left left left left left left left left left left left left left left left 
		</div>
		<div id="content">
			content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content 
		</div>
	  </div>
    </div>

  </div>
</div>
<div id="footer">
	footer footer footer footer footer 
</div>


</body>
</html>

в ИЕ все прекрассно! Опера и Мозилла - нулевая реакция
Появилась идея - определить скриптом браузер и, если это Опера или Мозилла, принудительно задать высоду блока!
Использую вот это:
Код: plaintext
1.
2.
3.
4.
5.
6.
<script type="text/javascript">
        if(window.opera)
        {
            content.style.height="900px";
        }
    </script>

Что-то не реагирет никак браузер-то
Может что не так в коде??
...
Рейтинг: 0 / 0
12.08.2008, 15:14
| Ответить | Цитировать | Написать  
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
    #35483334
Фотография 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.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>«Primer»</title>
<!--<link rel="stylesheet" type="text/css" href="css/main.css">-->
<script language="JavaScript" src="page.js" type="text/JavaScript"></script>

<style type='text/css'>
* {
	margin: 0px;
	padding: 0px;
}
html {
	height:  100 %;
	width:  100 %;
}
body {
	width:  100 %;
	min-height: 100 %;
	height:  100 %;
}
#container {
	height: auto !important;
	min-height: 99 %;
	height:  99 %;
	border: 1px solid;
}
#prefooter {
	clear: both;
	height: 100px;
	border: 1px solid;
}
#footer {
	margin-top: -100px;
	clear: both;
	border: 1px solid;
}
</style>
</head>
<body>
<div id='container'>Text
	<div id='prefooter'>Tab
	</div>
</div>
<div id='footer'>Footer
</div>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
12.08.2008, 15:24
| Ответить | Цитировать | Написать  
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
    #35483341
Фотография 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.
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.
90.
91.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />

<title>трехколонный макет, футер снизу</title>

<style type="text/css">
html, body { 
	margin:  0 ; 
	padding:  0 ; 
	height:  100 %; 
	width:  100 %; 
}
#main {
	height: auto !important;
	height:  100 %;
	min-height:  100 %;
	margin:  0  auto;
	background: # 999  url(bg-left.gif) repeat-y left; 
	width:  100 %;
	min-width: 800px;
	width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <  800 )? "800px" : "100%");
}
#header {
	background: #cda;
	height: 100px;
	margin:  0  auto -100px;
	position: relative;
}
#footer {
	background: #cad;
	height: 70px;
	margin: -70px auto  0 ;
	clear: both;
}
#columns {
	padding: 100px  0  70px  0 ;
	overflow: hidden;
	width:  100 %;
}
#wrap {
	float: left; 
	width:  100 %; 
	margin-right: -240px;
	background: # 999  url(bg-right.gif) repeat-y right;
}
#container {
	margin-right: 240px;
	height:  100 %;
	background: # 999  url(bg-left.gif) repeat-y left;
}
#left { 
	float: left;  
	width: 240px; 
	background-color: #b0dbf2; 
}
#right { 
	float: right; 
	width: 240px; 
	background-color: #abb3f8; 
}
#content { 
	margin-left: 240px; 
	background-color: # 999 ; 
}
</style>
</head>
<body>
<div id="header">header</div>	
<div id="main">
	<div id="columns">
		<div id="wrap">
			<div id="container">
				<div id="left">
					left left left left left 
				</div>
				<div id="content">
					content <br>content content <br>content content <br>content content <br>content content content content 
				</div>
			</div>
		</div>
		<div id="right">
			right right right 
		</div>
	</div>
</div>
<div id="footer">
	footer footer footer footer footer 
</div>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
12.08.2008, 15:25
| Ответить | Цитировать | Написать  
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
    #35483367
bestbestman
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
bestbestman
Гость
дык, я его и переделал... )))
странно!
скопировал мой переделанный код в отдельный txt-файл и сохранил как index.htm - все работает!!! 8-)
Наверно что-то не то в моих подключаемых CSS..........
...
Рейтинг: 0 / 0
12.08.2008, 15:33
| Ответить | Цитировать | Написать  
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
    #35515512
Фотография viv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
viv
Участник
а ка left и right блоки опустить тоже до низу родителя?
...
Рейтинг: 0 / 0
01.09.2008, 10:50
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Узнали браузер, теперь надо задать принудительно высоту DIV'a...
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1455940]:
 0ms
get settings:
 8ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 138ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 36ms
get tp. blocked users:
 1ms
others: 233ms
total:  453ms
созд. / загр.: 453ms
x
x
Закрыть


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