Страницы: 1
Добрый день!
Извините я в FireFox'е недавний пользователь, поэтому может чего-то не понял. Проблема моя заключаеться в следующем- был написан сайт под IE. Имееться dhtml и CSS. Не то, не другое в FireFox не работает как хотелось бы. Может я чего-то не так делаю?
1) К римеру в файле index.html я подключаю файл СSS:
<link rel='stylesheet' type='text/css' href='../include/style.css'>
а в этом файле есть CSS для линков:
A:link
{
FONT-WEIGHT: bold;
COLOR: #999999;
TEXT-DECORATION: none;
FONT-SIZE: 12px;
FONT-FAMILY: "Arial";
PADDING-LEFT: 0;
PADDING-RIGHT: 0
}
и многое другое. FireFox проигнорировал этот CSS (у меня стоит версия 1.0.4). Такое ощущенние что работает только прямой CSS (тот который прописываеться в нутри тэга через style). Или в верху файла. А вложенный файл с CSS не поддерживаеться. Поправимо ли это?
2) Следующая проблема с JavaScript. Есть блок
<div id="catbrand_div" style="z-index:+10;position:absolute;width:220px; height: 200px; border: 1px solid #C053BE;display: none;">
<div style="overflow:auto;margin-top:10px;height:200px;overflow-x:hidden;">
<div id="catbrand_content" class="text" style="overflow:auto;margin: 2px;">
</div>
</div>
<center><input type="button" class="button" value="Close" style="margin:2px;" onclick="document.getElementById('catbrand_div').style.display='none';"></center>
</div>
Этот блок становиться видимым после нажатия на определенную кнопку. Как видно из блока в конце div'а есть кнопка CLOSE закрывающее это окошко. Однако в FireFox'е кнопка Close "вылазит" за пределы DIV'а (т.е. за пределы окна). Почему это происходит? Также в это окно должно выводиться куча записей из массива.За это отвечает такая строчка:
document.getElementById('catbrand_div').innerHTML += "<font size='-7' style='position:relative;top:-3px;color:#C659C6;font-weight:bold;'>o</font> <a href='javascript:void(0);' onclick='document.getElementById(\"catbrand_div\").style.display=\"none\";apply_letter_filter("+arr[i]['id']+");'>" + arr[i]['name']+'</a><br>';
Однако опять таки вывод никакого нет.
3) И последнее.На странице отображаеться три таблицы. Яхочу чтоб они находились в одной строке все три. При этом их ширина в сумме не должна быть разрешения экрана естественно. Вот часть кода для одной из таблиц:
<TABLE id=Table_01 cellSpacing=0 cellPadding=0 width="197px" height="480" border=1 style="display:inline;margin-left: 0px;">
Т.е. как видно я задаю ширину в 197пикселей, и через style указываю что таблица должна распологаться в линиюю с соседними таблицами. В IE это работает. В FireFox не работает ширина (даже не могу понять из-за чего). Первая таблица явно больше 197, вторая в раза 2 больше 197, а третья табл. из-за этого не помещаеться в одной линии и FireFox его переносит на следующую строку. Причем стиль inline вобще пролетает (т.е. они не остаються в одной линии).
В IE все работает как надо. В FireFox нет. подскажите если кто знает в чем мои ошибки.
Заранее благодарен.
Отсутствует
Бегло:
z-index:+10;
z-index:10;
overflow-x:hidden;
IE-only, хотя не помню, Gecko вроде должен был подстроиться и держать это в новых версиях. Надо смотреть.
width="197px"
width="197"
URL в студию, ага.
Отсутствует
Вот ссылка http://www.willandjill.net
Основная проблема - dhtml.
Особенно тут http://www.willandjill.net/foodbank.php четко видно - нажмите по одной из кнопок abcdef...z. В IE все будет Ок, в FireFox - целая гора проблем.
Для знающих как такую проблему можно решить есть предложение. Пишите мне на почту если есть желание на 5star@ukr.net
Отсутствует
Говорю конкретно по foodbank.php и кликам: механизм событий в этих браузерах отличен. Попробуй где-нибудь в начале html написать такую строчку
if (document.addEventListener) document.addEventListener("click", function(e){window.event=e;},true);
Тогда появится глобальная переменная event, которой оперируют в ф-ях dc1/.clientX, dc2/.clientX и других местах.
Отсутствует
+ я не вникал в смысл создания массивов, но, в любом случае, запись
var act_cats_every = new Array({'id':'6','name':'Animal Care'}, {'id':'10','name':'Applying Makeup'}, {'id':'15','name':'Attending Church'}, {'id':'311','name':'Attending Class'}); //{... и так далее ...}
смотрится лаконичнее того, что есть сейчас.
И, как уже говорил выше, убери width="197px", заменив на width="197".
Отредактировано Mash (26-05-2005 18:50:15)
Отсутствует
Страницы: 1