Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / body и expression / 17 сообщений из 17, страница 1 из 1
25.08.2007, 23:38
    #34752780
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
min-width для IE. Применение экпреш'н к блоку-обертке дает результат, к body - нет.

Почему?

Спасибо.
...
Рейтинг: 0 / 0
26.08.2007, 16:54
    #34753088
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Пример в студию.
...
Рейтинг: 0 / 0
26.08.2007, 17:54
    #34753131
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Код: 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.
<!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">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HereYouAre</title>

	<style type ="text/css">
 		*{margin: 0 ; padding: 0 ; border: 0 }
		body{height: 100 %; min-width:1004px}
		.c{width:249px; height: 100px; border:1px solid black; float:left}
	</style>
	

	<!--[if IE ]>
	<style type="text/css">
			#cover{width:expression(((document.documentElement.clientWidth||document.body.clientWidth)<= 1024 )? 1004 :"100%")}
	</style>
	<![endif]-->

	<script type="text/javascript" language="javascript">
		window.onresize = function()
		{alert(document.body.clientWidth)}
	</script>
</head>

<body id= "cover">
	<div class= "c"></div>
	<div class= "c"></div>
	<div class= "c"></div>
	<div class= "c"></div>
</body>

</html>
...
Рейтинг: 0 / 0
27.08.2007, 16:05
    #34755387
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
up
...
Рейтинг: 0 / 0
27.08.2007, 22:53
    #34756492
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Ап, и тигары прыгают в клетку... :+)
...
Рейтинг: 0 / 0
28.08.2007, 11:17
    #34757218
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Ну ап, так ап).

Expression работает. Какой результат должен быть в применении к body?
...
Рейтинг: 0 / 0
28.08.2007, 14:20
    #34758217
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
AntonariyНу ап, так ап).

Expression работает. Какой результат должен быть в применении к body?
Body всегда должно быть не меньше 1004 px — поддяните хорошенько окно и по поведению блоков класа c будет видно, что ширина body равна видимой ширине окна.
Expression работает, но резальтата к body нет.
...
Рейтинг: 0 / 0
28.08.2007, 14:38
    #34758290
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
"Body всегда должно быть не меньше 1004 px" - к body это не применимо. body это вся облать окна, сверху донизу, справа налево. Если оно меньше, то что в промежутке? =)))
...
Рейтинг: 0 / 0
28.08.2007, 15:37
    #34758584
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Antonariy"Body всегда должно быть не меньше 1004 px" - к body это не применимо. body это вся облать окна, сверху донизу, справа налево. Если оно меньше, то что в промежутке? =)))
Cпасибо. Понял.
...
Рейтинг: 0 / 0
28.08.2007, 22:22
    #34759774
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Понял то понял. Но вот, добавьте чтоб на onresize выводилась еще и высота тела и увидите, что она равна ноль, получаеться высота тела - эта не видимая часть окна?
...
Рейтинг: 0 / 0
29.08.2007, 13:24
    #34761253
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
У элемента несколько свойств, отвечающих за высоту. Какое выбрал ты?
...
Рейтинг: 0 / 0
29.08.2007, 14:37
    #34761620
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
через clientHeight
...
Рейтинг: 0 / 0
29.08.2007, 15:19
    #34761855
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Странно. У меня document.body.clientHeight показывает не ноль.
...
Рейтинг: 0 / 0
29.08.2007, 20:20
    #34762959
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
У вас видимо доктайп <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">?


У меня XHTML strict, задал html,body{height:100%} - теперь высота тела равна высоте клиентской части окна или как правильно выразиться...
...
Рейтинг: 0 / 0
17.09.2007, 16:46
    #34805662
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Почему же тогда min-width:1003px применённый к body дает такой же результат как если бы он был применен к блоку-обертке? (Говорим про FF,Opera)
...
Рейтинг: 0 / 0
19.09.2007, 21:48
    #34812770
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Пришёл к выводу, что FF и Opera трактует тег <body> иначе, чем IE.
Вот пример.Смотрите. Body задано min-width:1004px и то же значение экспрешном для IE.
Но в IE это не работает, как сказал Antonariy, из-за того что <body> - это видимая часть окна справа налево, снизу вверх. Запустите этоn код в FF и Opera, уменьште окно, убtдитесь что они понимают body не так как IE и Antonariy).

Я сделал такой вывод: FF и Opera, не смотря на криворукость верстальщиков(minwidth body задают повсеместно) все таки вопспроизводят задуманный эффект, искажая трактовку тега <body>

Кто еще как думает?




Код: 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.
 <!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">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HereYouAre</title>

	<style type ="text/css">
 		*{margin: 0 ; padding: 0 ; border: 0 }
		html{height: 100 %;}
		body{height: 100 %; min-width:1004px}
		.c{width:249px; height: 100px; border:1px solid black; float:left}
	</style>
	

	<!--[if IE ]>
	<style type="text/css">
			#cover{width:expression(((document.documentElement.clientWidth||document.body.clientWidth)<= 1024 )? 1004 :"100%")}
	</style>
	<![endif]-->

	<script type="text/javascript" language="javascript">
		window.onresize = function()
		{alert('document.body.clientWidth =' + document.body.clientWidth)}
	</script>
</head>

<body id= "cover">
	<div class= "c"></div>
	<div class= "c"></div>
	<div class= "c"></div>
	<div class= "c"></div>
</body>

</html>
...
Рейтинг: 0 / 0
20.09.2007, 00:19
    #34812935
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body и expression
Больше никто никак не думает? Мнения ни у кого нету собственного?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / body и expression / 17 сообщений из 17, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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