Страницы: 1
Все оказалось гораздо проще;). В названии слои имели нижний регистр, а в JS верхний.
Ну а как известно JS чувствителен к регистру.
Спасибо за помощь.)))
Добавлено Птн 08 Июн 2007 22:37:49 :
:offtopic:
Тема закрыта по просьбе автора
—
Modex
Попробвал как в первом варианте. Поставил везде кавычки не помогло. Так же осталось.
Переделал стили вот так(на серевер старый скрипт лежит) - результат не корректируется нигде. Ни в IE, ни в FF, ни в Opera. Но не корявиться - просто не корректируется. Странно.. Что же делать?:(
[code] window.onresize = function()
{
var q = document.body.clientWidth;
if (q <= 1024)
{
document.getElementById("X1_1DIV").setAttribute("style", "width: 140px;");
document.getElementById("X1_2DIV").setAttribute("style", "width: 140px;");
document.getElementById("X1_mainDIV").setAttribute("style", "width: 728px;");
document.getElementById("X1_F").setAttribute("style", "width: 728px;");
document.getElementById("X2_1DIV").setAttribute("style", "width: 140px;");
document.getElementById("X2_2DIV").setAttribute("style", "width: 140px;");
document.getElementById("X2_mainDIV").setAttribute("style", "width: 728px;");
document.getElementById("X2_F").setAttri
Спасибо, буду разбирать, завтра к обеду напишу что наразбирал.:)
Попробывал, еще хуже стало. :( В IE даже теперь не происходит коррекция.
Вот таким стал код(на сервере остался пред. вариант) Может я где не так применил?
[code]window.onresize = function()
{
var q = document.body.clientWidth;
if (q <= 1024)
{
document.getElementById("X1_1DIV").setAttribute("style", "width: 140px");
document.getElementById("X1_2DIV").setAttribute("style", "width: 140px");
document.getElementById("X1_mainDIV").setAttribute("style", "width: 728px");
document.getElementById("X1_F").setAttribute("style", "width: 728px");
document.getElementById("X2_1DIV").setAttribute("style", "width: 140px");
document.getElementById("X2_2DIV").setAttribute("style", "width: 140px");
document.getElementById("X2_mainDIV").setAttribute("style", "width: 728px");
document.getElementById("X2_F").setAttribute("style", "width: 728px");
document.getElementById("X3_1DIV").setAttribute("style", "width: 140px");
document.get
Увы, облегчить не вышло.:(
Вот сайт о котором будет идти речь:www.overMind.ru
Очень серьезная проблема у меня. Я сделал не только резиновость сайта, но а также написал скрипт, который корректирует растягиваемость слоев - для того чтобы сайт не превращался в подобие сосиски на разрешениях больше чем 1024*768. Беда в том, что в IE все отлично срабатывает, как по маслу..
А вот в Мазилле и в Опере при смене разрешения корректируется только верхний этаж пагоды - остальной код корректировки для других этажей как будто начисто игнорируется! Я уже проверял и так и сяк - бестолку.Буду очень благодарен за помощь.
Вот такой CSS
[code]* {
margin: 0;
padding: 0;
border:0;
}
body
{
background:url(images/fon.gif);
font: 16px Comic Sans MS;
color:#C2B9F7;
min-width:1008px;
}
#l {
background-image: url(images/book_anim.gif);
background-position: left;
background-repeat: no-repeat;
height: 170px;
padding-left: 170px;
overflow: hidden;
}
#f {
background-image
Видимо тоже что такое
какой - нибудь доктайп надо или что там дописать-прописать... Наверняка какая нибудь мелочь, которую просто так вот не заметишь....
И сам по себе этот мини-тест в IE тоже правильно понимает уменьшение размера тела..
Но на странице уже нет.
window.onresize = function()
{
if (document.body.clientWidth <= 1024)
{
alert('<= 1024');
}else
{
alert(' >1024');
alert( document.body.clientWidth );
}
}
- в случае когда надо было дописать 'px' мини-тест с тем же кодом работал корекктно в мозиле, а вот уже поставленный на мою страницу нет. Видимо когда инфы много обрабатывается вылазят все косяки.
…Конечно этот небольшой вопрос немного отклоняется от данной темы.Но мне кажется вы с легкостью на него ответете. Почему IE при уменьшении разрешения монитора(до 1024*768) выбирает в следующем коде else и соответственно выводит второй аlert со значением 1264? Опера и Мозилла правильно отслеживают - что разрешение уменьшилось.Почему же IE не понимает этого?
Не может быть что для него разрешение существует скажем как 1025*768.
Даже если б это было так то alert( document.body.clientWidth ) вывел бы 1025 а не 1264.
Ничего не понимаю!
window.onresize = function()
{
if (document.body.clientWidth <= 1024)
{
alert('<= 1024');
}else
{
alert(' >1024');
alert( document.body.clientWidth );
}
}
Лин, большое человеческое спасибо. - Я уже себе всю голову на этой проблеме сломал.
PS. Зачем вообще всё это? Может вам будет достаточно CSS-свойства min-height?
Если б у меня вычислялось только
то с удовольствием бы применил min-height.Но у меня там еще и paddingi боковых блоков вычислются. - их по другому никак не заставишь меняться при смене разрешения.
Добавлено Срд 02 Май 2007 16:17:40 :
Хотя alert(document.getElementById("X1_f").style.width) выводится совершенно пустым(непонятно кстати почему?),
- было бы интересно тоже узнать причину...:)
…У меня приведённый код работает правильно
Да. Сам по себе такой мини тест-код работает правильно. А вот на моей странице неправильно.Вопрос в этом случае становится еще более интересным.Вообщем смотрите, такая у меня беда...
Document.body.clientWidth одинаков, но.... в разных в функциях JS одно и то же выражение с ним дает разные результаты! Вот неупрощенный JS код с моей страницы.
[code]<script lanaguage = "JavaScript">
window.onresize = function()
{
if (document.body.clientWidth <= 1024)
document.getElementById("X1_f").style.width = "728px";
else
{
document.getElementById("X1_f").style.width = document.body.clientWidth - 392;
alert(document.body.clientWidth);
alert(document.getElementById("X1_f").style.width);
}
}
function onLoadCheckWidth()
{
if (document.body.clientWidth <= 1024)
d
При полном разворачивании окна у меня срабатывает JavaScript функция, которая считывает параметр document.body.clientWidth и по этому параметру вычислются некоторые значения CSS. Проблема в том, что Мозила при полном разворачивании окна выдает document.body.clientWidth намного меньший чем IE и Опера.
Но если я ставлю JavaScript функцию на onload и изначально запускаю страницу в уже заранее развернутом окне то document.body.clientWidth Мозилла выдает какой положенно - такой же как и IE и Опера.
Получается такой парадокс: У мозилы document.body.clientWidth изначально развернутого окна отличается от document.body.clientWidth окна которое тоже развернуто, но побывало с момента старта страницы свернутым. Очень странно.Код у меня абсолютно правелен, что подтверждается полностью корректной работой страницы в IE и в Opera при любых разрешениях(CSS параметры исходя от ширины тела вычисляются абсолютно правильно).
[i]Вот максимально упрощенная версия кода. Если
…Спасибо.
Неужели это тоже, только в IE работать будет? - Если так, есть ли способ в Моzilla?Благодрю за ответы.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script lanaguage = "JavaScript">
<!--
function doOverHref()
{
window.event.srcElement.style.color="#6666FF";
}
function doOutHref()
{
window.event.srcElement.style.color="#3399FF";
}
//-->
</script>
</head>
<body>
<A href="HIMINES.html"style ="color:#3399FF;font-size:18px;"onMouseOver = "doOverHref()"; onMouseOut = "doOutHref()"; >
... перейти на страницу</A>
</body>
</html>
Этот код из учебника Марины Дмитриевой "Быстрый старт JS"(женщины в программировании одним словом)- не я его писал!.:angel:
1.Как задать свойство filter у p1?
2.Спасибо! Буду знать про кроссбраузерные способы.
Данный код корректно раотает в IE и в редакторе; - если кликнуть по изображению плавно появляется новое изображение.
В мозиле даже неплавно новое изображение не появляется.Подскажите пожалуйста почему?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>BlendTrans(visibyliti)</title>
<script>
var fr = 0 ;
function myTestTrans1()
{
p1.filters.blendTrans.Apply()
p1.filters.blendTrans.Play()
if (fr == 0)
{fr = 1; document.getElementById("p1").src ="fialki1.jpg";}
else
{fr = 0; document.getElementById("p1").src ="fialki2.jpg"}
}
</script>
</head>
<body>
<img src ="fialki2.jpg" id ="p1" style = "filter: blendTrans (duration = 3)" onClick ="myTestTrans1()">
</body>
</html>
Добавлено Сбт 10 Мар 2007 16:03:14 :
Лин большое тебе спасибо! Все работает! Это я код коряво первый раз скопировал и два часа тупил!:dumb:
_________________________________________________
Снова
вглядываюсь, и все здесь -
то же и словно иное...
Я ведь уснул уже? Разве
не зеленел под луною
сад мой? Окно было настежь...
Небо цвело синевою...
Сумрачен сад мой, а небо -
ветреное, грозовое...
---------:offtopic:-----------
Тема закрыта
—
Modex
Выделить кодКод:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Я бы написал как-то так.
Lynn, текст теперь во всех броузерах отбражается относительно картинки ровно - никуда не съежает; Но теперь они синхронно вместе с картинкой по left на 7 px и очень сильно по top...
В FireFox Mozzila и в моем редакторе firstPage они отображаются по центру и вверху браузера;
'''''''''''''''''''''''''''''''''
' xxxxxx '
' '
' '
' '
' '
' '
''''''''''''''''''''''''''''''''''
В IE по центру и по центру:
'''''''''''''''''''''''''''''''''
' '
' '
' xxxxxx '
' '
' '
' '
''''''''''''''''''''''''''''''''''
Я тут замерил при отображении в браузерах размер буквы "щ" и top и left для roll.jpg в фотошопе (для IE и Моззилы):
Посмотрел в Симанки (в Файрфоксе должно быть аналогично) и Эхплорере.
WEB_bobby, задайте полностью шрифт и все дела.
pre{font:normal 15px verdana,arial,helvetica,sans-serif;}
А лучше <pre> для стихов не использовать - грубиянство да и только.
- это не для стихов, а только для "стиля" поэтов;)
Vladimir - прописал <style type ="text/CSS">
pre{ font:normal 15px verdana,arial,helvetica,sans-serif;}
</style>
все равно в Моззиле(версия продукта 1.5.0.5) весь текст на один символ вверх
поднимается.
___________________________________________________
И уйду. И буду одинок без вечеров, без утреней капели.
Без белого колодца моего.
И птицы будут петь как пели...
Да то и хочу : у меня на странице свиточки (jpg) расположены в вертикальный ряд и напротив каждого начало описания творчества каждого отдельного поэта.Жаль всю страницу не могу показать - долго работал над оригинальным дизайном, боюсь вдруг какой-нибудь сплагиатирует...
"приведённый выше код завязан на размер шрифта, попробуйте в IE изменить размер шрифта…" -
добавил в коде параметры размера шрифта:
<pre style ="font-size:18px">
Теперь в Мозиле текст поднимается ВВЕРХ на один символ;
Кстати в обоих вариантах кода сдвигается именно текст, а не картинка (делал printscreen замерял в фотошопе; А также в броузерах линейкой. - "семь раз отмерь - один раз отрежь"
WEB_bobby
Телепаты в отпуске.
Вот пример, где текст при выволнении в мозиле едит вниз на три символа( если едет он вниз, ИМХО точно не картинка его толкает...:/);
Копируйте в оригинале - код составлен так, что в IE текст прямо напротив картинки - чтобы нагляднее было.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<img src = roll.jpg width="34" height="70" border="0" style ="position:absolute; left:212 ; top:230; " >
<br><br><br><br><br><br><br><br>
<pre >
Хименес стремится к максимальной выразительности поэтического слова
и добивается этой выразительности. Стих его становится афористически
точным, чеканным, "мускулистым". Кажется, что поэт спорит с самим собой:
в ранних стихах он был изобильно щедр теперь он - предельно скуп
<A href="allHimines.html"style ="color:#3399FF;"onMou
Это что-то влияет на текст! Если запустить в IE и в Мозиле только код что я давал выше, и там и там выводимый текст будет на одинаковой позиции.
Ну есть меня на странице слева рядом с текстом картинка, но я ее
убрал и та же песня - текст все равно сдвигается вправо. Подскажите пожалуйста , что же является причиной? :cry:
Ничего не понял…
- я даже упрощу вопрос:
Если выволнить данный код в IE и в Mozilla FireFox(версия продукта 1.5.0.5), то в обоих случах выведется текст:
Белое облако вдали,
ты мертвое крыло - но чье?
не долетевшее - - куда?
Но Mozilla FireFox(версия продукта 1.5.0.5) весь текст будет смещен вправо на где три символа, относительно его позиции IE.
<body>
<pre class ="myDescriptionCss">
Белое облако вдали,
ты мертвое крыло - но чье?
не долетевшее - - куда?
</pre>
</body>
:whiteflag:
Добрый вечер!
А что делать если текст не задан координатами но, сЪежает в Моззиле вправо на 2-3 символа?
-----------------------------------------------
<pre class ="myDescriptionCss">
Белое облако вдали,
ты мертвое крыло - но чье?
не долетевшее - - куда?
</pre>
-----------------------------------------------------------------
pre.myDescriptionCss{color:#3399FF; font-size:15px;}
---------------------------------------------------------------
C уважением Вебскийй Боб.
Страницы: 1