Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Узнали браузер, теперь надо задать принудительно высоту DIV'a... / 5 сообщений из 5, страница 1 из 1
12.08.2008, 15:14
    #35483308
bestbestman
bestbestman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
Ситуация такая!
Использую шаблон, который растягивает страничку на весь экран независимо от содержимого...:

Код: 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:24
    #35483334
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
Плохой макет у тебя... Как вариант возьми этот...

Код: 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:25
    #35483341
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
А еще лучше вот этот переделай...

Код: 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:33
    #35483367
bestbestman
bestbestman
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
дык, я его и переделал... )))
странно!
скопировал мой переделанный код в отдельный txt-файл и сохранил как index.htm - все работает!!! 8-)
Наверно что-то не то в моих подключаемых CSS..........
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.09.2008, 10:50
    #35515512
viv
viv
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Узнали браузер, теперь надо задать принудительно высоту DIV'a...
а ка left и right блоки опустить тоже до низу родителя?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Узнали браузер, теперь надо задать принудительно высоту DIV'a... / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 519ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455940]:
 0ms
get settings:
 10ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 171ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 250ms
total:  519ms
x
x
Закрыть


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