Полезная информация

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№126-05-2005 11:10:13

DnA
Участник
 
Группа: Members
Зарегистрирован: 26-05-2005
Сообщений: 9

CSS и JavaScript ?!

Добрый день!
Извините я в 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;">
              &nbsp;
          </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 нет. подскажите если кто знает в чем мои ошибки.
Заранее благодарен.

Отсутствует

 

№226-05-2005 12:20:12

RcT
Участник
 
Группа: Members
Откуда: Moscow-Ryazan
Зарегистрирован: 19-04-2005
Сообщений: 593
Веб-сайт

Re: CSS и JavaScript ?!

был написан сайт под IE.

Ссылку можно?


Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a1) Gecko/20061204 GranParadiso/3.0a1

Отсутствует

 

№326-05-2005 14:54:47

Mash
Участник
 
Группа: Extensions
Зарегистрирован: 09-04-2005
Сообщений: 620
Веб-сайт

Re: CSS и JavaScript ?!

Бегло:

z-index:+10;

z-index:10;

overflow-x:hidden;

IE-only, хотя не помню, Gecko вроде должен был подстроиться и держать это в новых версиях. Надо смотреть.

width="197px"

width="197"

URL в студию, ага.

Отсутствует

 

№426-05-2005 16:33:21

DnA
Участник
 
Группа: Members
Зарегистрирован: 26-05-2005
Сообщений: 9

Re: CSS и JavaScript ?!

Вот ссылка http://www.willandjill.net
Основная проблема - dhtml.
Особенно тут http://www.willandjill.net/foodbank.php четко видно - нажмите по одной из кнопок abcdef...z. В IE все будет Ок, в FireFox - целая гора проблем. 
Для знающих как такую проблему можно решить есть предложение. Пишите мне на почту если есть желание на 5star@ukr.net

Отсутствует

 

№526-05-2005 16:34:02

DnA
Участник
 
Группа: Members
Зарегистрирован: 26-05-2005
Сообщений: 9

Re: CSS и JavaScript ?!

Или если есть что сказать или чем помочь-пишите сюда.

Отредактировано DnA (26-05-2005 16:34:48)

Отсутствует

 

№626-05-2005 18:10:19

Mash
Участник
 
Группа: Extensions
Зарегистрирован: 09-04-2005
Сообщений: 620
Веб-сайт

Re: CSS и JavaScript ?!

Говорю конкретно по foodbank.php и кликам: механизм событий в этих браузерах отличен. Попробуй где-нибудь в начале html написать такую строчку

Выделить код

Код:

if (document.addEventListener)
    document.addEventListener("click", function(e){window.event=e;},true);

Тогда появится глобальная переменная event, которой оперируют в ф-ях dc1/.clientX, dc2/.clientX и других местах.

Отсутствует

 

№726-05-2005 18:13:37

Mash
Участник
 
Группа: Extensions
Зарегистрирован: 09-04-2005
Сообщений: 620
Веб-сайт

Re: CSS и JavaScript ?!

+ Firefox: Tools -> Javascript Console -- очень хорошее подспорье в отладке.

Отсутствует

 

№826-05-2005 18:46:56

Mash
Участник
 
Группа: Extensions
Зарегистрирован: 09-04-2005
Сообщений: 620
Веб-сайт

Re: CSS и JavaScript ?!

+ я не вникал в смысл создания массивов, но, в любом случае, запись

Выделить код

Код:

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)

Отсутствует

 

№926-05-2005 19:06:15

Mash
Участник
 
Группа: Extensions
Зарегистрирован: 09-04-2005
Сообщений: 620
Веб-сайт

Re: CSS и JavaScript ?!

+ если с английским хорошо, то желательно на досуге ознакомиться с этим документом.

У меня всё. Извиняюсь за сумбурность, просто своих бед хватает. :)

Отсутствует

 

№1026-05-2005 20:37:29

Unghost
Призрак-админ
 
Группа: Administrators
Откуда: Moscow, Russia
Зарегистрирован: 08-10-2004
Сообщений: 11771

Re: CSS и JavaScript ?!

==> Проблемы с сайтами


Do not meddle in the affairs of Wizards, for they are subtle and quick to anger.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]