WEB_bobby

min width и макс width не реализуют мое изварщение. Там по другому у меня задумано.

Зачем?

Ух ты как наофтопили!!! А я думал уже тема давно в трэше..

Вот сайт о котором будет идти речь: www.overMind.ru Очень серьезная проблема у меня. Я сделал не только резиновость сайта, но а также написал скрипт, который корректирует растягиваемость слоев - для того чтобы сайт не превращался в подобие сосиски на разрешениях больше чем 1024*768. Беда в том, что в IE все отлично срабатывает, как по маслу.. А вот в Мазилле и в Опере при смене разрешения корректируется только верхний этаж пагоды - остальной код корректировки для других этажей как будто начисто игнорируется! Я уже проверял и так и сяк - бестолку.Буду очень благодарен за помощь. Вот такой CSS : * { 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: url(images/superFon.jpg); background-position: center; background-repeat: no-repeat; height: 140px; padding-top: 30px; text-align: center; overflow: hidden; } #r { background-image: url(images/book_anim.gif); background-position: right; background-repeat: no-repeat; height: 170px; padding-right: 170px; overflow: hidden; } #X1_f { background-image: url(images/1_m.jpg); background-repeat: repeat-x; height: 240px; overflow: hidden; } #X1_lg { background-image: url(images/1_ml.jpg); background-position: left; background-repeat: no-repeat; height: 240px; overflow: hidden; } #X1_rg { background-image: url(images/1_mr.jpg); background-position: right; background-repeat: no-repeat; height: 170px; padding-top: 70px; text-align: center; overflow: hidden; } #X2_f { background-image: url(images/2_m.jpg); background-repeat: repeat-x; height: 185px; overflow: hidden; } #X2_lg { background-image: url(images/2_ml.jpg); background-position: left; background-repeat: no-repeat; height: 185px; overflow: hidden; } #X2_rg { background-image: url(images/2_mr.jpg); background-position: right; background-repeat: no-repeat; height: 170px; padding-top: 15px; text-align: center; overflow: hidden; } #X3_f { background-image: url(images/3_m.jpg); background-repeat: repeat-x; height: 340px; overflow: hidden; } #X3_lg { background-image: url(images/3_ml.jpg); background-position: left; background-repeat: no-repeat; height: 340px; overflow: hidden; } #X3_rg { background-image: url(images/3_mr.jpg); background-position: right; background-repeat: no-repeat; height: 325px; padding-top: 15px; text-align:center; overflow: hidden; } #X4_f { background-image: url(images/4_m.jpg); background-repeat: repeat-x; height: 185px; overflow: hidden; } #X4_lg { background-image: url(images/4_ml.jpg); background-position: left; background-repeat: no-repeat; height: 185px; overflow: hidden; } #X4_rg { background-image: url(images/4_mr.jpg); background-position: right; background-repeat: no-repeat; height: 170px; padding-top: 15px; text-align:center; overflow: hidden; } #X5_f { background-image: url(images/5_m.jpg); background-repeat: repeat-x; height: 260px; overflow: hidden; } #X5_lg { background-image: url(images/5_ml.jpg); background-position: left; background-repeat: no-repeat; height: 260px; overflow: hidden; } #X5_rg { background-image: url(images/5_mr.jpg); background-position: right; background-repeat: no-repeat; height:245px; padding-top: 15px; text-align:center; overflow: hidden; } Вот java script: window.onresize = function() { var q = document.body.clientWidth; if (q <= 1024) { document.getElementById("X1_1DIV").style.width = "140px"; document.getElementById("X1_mainDIV").style.width = "728px"; document.getElementById("X1_F").style.width = "728px"; document.getElementById("X1_2DIV").style.width = "140px"; document.getElementById("X2_1DIV").style.width = "140px"; document.getElementById("X2_mainDIV").style.width = "728px"; document.getElementById("X2_F").style.width = "728px"; document.getElementById("X2_2DIV").style.width = "140px"; document.getElementById("X3_1DIV").style.width = "140px"; document.getElementById("X3_mainDIV").style.width = "728px"; document.getElementById("X3_F").style.width = "728px"; document.getElementById("X3_2DIV").style.width = "140px"; document.getElementById("X4_1DIV").style.width = "140px"; document.getElementById("X4_mainDIV").style.width = "728px"; document.getElementById("X4_F").style.width = "728px"; document.getElementById("X4_2DIV").style.width = "140px"; document.getElementById("X5_1DIV").style.width = "140px"; document.getElementById("X5_mainDIV").style.width = "728px"; document.getElementById("X5_F").style.width = "728px"; document.getElementById("X5_2DIV").style.width = "140px"; }else { q = (q - 408) + 'px'; document.getElementById("X1_1DIV").style.width = "204px"; document.getElementById("X1_mainDIV").style.width = q; document.getElementById("X1_F").style.width = q; document.getElementById("X1_2DIV").style.width = "204px"; document.getElementById("X2_1DIV").style.width = "204px"; document.getElementById("X2_mainDIV").style.width = q; document.getElementById("X2_F").style.width = q; document.getElementById("X2_2DIV").style.width = "204px"; document.getElementById("X3_1DIV").style.width = "204px"; document.getElementById("X3_mainDIV").style.width = q; document.getElementById("X3_F").style.width = q; document.getElementById("X3_2DIV").style.width = "204px"; document.getElementById("X4_1DIV").style.width = "204px"; document.getElementById("X4_mainDIV").style.width = q; document.getElementById("X4_F").style.width = q; document.getElementById("X4_2DIV").style.width = "204px"; document.getElementById("X5_1DIV").style.width = "204px"; document.getElementById("X5_mainDIV").style.width = q; document.getElementById("X5_F").style.width = q; document.getElementById("X5_2DIV").style.width = "204px"; } } function onLoadCheckWidth() { var q = document.body.clientWidth; if (q <= 1024) { document.getElementById("X1_1DIV").style.width = "140px"; document.getElementById("X1_mainDIV").style.width = "728px"; document.getElementById("X1_F").style.width = "728px"; document.getElementById("X1_2DIV").style.width = "140px"; document.getElementById("X2_1DIV").style.width = "140px"; document.getElementById("X2_mainDIV").style.width = "728px"; document.getElementById("X2_F").style.width = "728px"; document.getElementById("X2_2DIV").style.width = "140px"; document.getElementById("X3_1DIV").style.width = "140px"; document.getElementById("X3_mainDIV").style.width = "728px"; document.getElementById("X3_F").style.width = "728px"; document.getElementById("X3_2DIV").style.width = "140px"; document.getElementById("X4_1DIV").style.width = "140px"; document.getElementById("X4_mainDIV").style.width = "728px"; document.getElementById("X4_F").style.width = "728px"; document.getElementById("X4_2DIV").style.width = "140px"; document.getElementById("X5_1DIV").style.width = "140px"; document.getElementById("X5_mainDIV").style.width = "728px"; document.getElementById("X5_F").style.width = "728px"; document.getElementById("X5_2DIV").style.width = "140px"; }else { q = (q - 408) + 'px'; document.getElementById("X1_1DIV").style.width = "204px"; document.getElementById("X1_mainDIV").style.width = q; document.getElementById("X1_F").style.width = q; document.getElementById("X1_2DIV").style.width = "204px"; document.getElementById("X2_1DIV").style.width = "204px"; document.getElementById("X2_mainDIV").style.width = q; document.getElementById("X2_F").style.width = q; document.getElementById("X2_2DIV").style.width = "204px"; document.getElementById("X3_1DIV").style.width = "204px"; document.getElementById("X3_mainDIV").style.width = q; document.getElementById("X3_F").style.width = q; document.getElementById("X3_2DIV").style.width = "204px"; document.getElementById("X4_1DIV").style.width = "204px"; document.getElementById("X4_mainDIV").style.width = q; document.getElementById("X4_F").style.width = q; document.getElementById("X4_2DIV").style.width = "204px"; document.getElementById("X5_1DIV").style.width = "204px"; document.getElementById("X5_mainDIV").style.width = q; document.getElementById("X5_F").style.width = q; document.getElementById("X5_2DIV").style.width = "204px"; } }

Действительно.. Но код у меня донельзя прост. Вот. var outLineArray = 0, c = 0, n = 0; function getrandom(min_random, max_random) { max_random++; var range = max_random - min_random; var n=Math.floor(Math.random()*range) + min_random; return n; } function outLineInside() { n = getrandom(0, c - 1); document.getElementById('here').firstChild.nodeValue = outLineArray[n]; } function citations() { outLineArray = top.frames["centerMessages"].document.getElementById('mark').firstChild.nodeValue.split("***"); c = outLineArray.length; var ifr = document.getElementById('IdCenterMessages'); ifr.parentNode.removeChild(ifr); n = getrandom(0, c - 1); document.getElementById('here').firstChild.nodeValue = outLineArray[n]; var SI = setInterval('outLineInside()',30000); }

Проблемы с JS. У меня в стринговый масив записаны цитаты общим весом 65 кило. И пару раз замечал что цитаты выводились оборванными либо вообще не выводились, хотя код корректен. Вопросы: 1.Есть ли для JS способ увеличить место под массив или переменную? 2. 65 килобайт это много для масива JS или нет? AJAX и другие способы не предлогать! Расмативается только выгрузка цитат из невидимого фрейма в переменную или массив JS и моментальное удаление фрейма(чтоб не забанили - что очень мало вероятно, но вероятность есть)! __________________________________________________________________________________________________________________________________ Для тех кто все таки предложит аякс: Заказчик не хочет черех AJAX, т.к окно безопасности всплывает в IE, и не будет же клиент для появления каждой новой цитаты разблокировать содержимое! Нужно именно JS!

Да.. Дядя Саша, прогрессивно мыслите.

Обьявить говорите можно, а использовать тоже? )) Еще один ворос а если мне надо загрузить два файла JS то как это грамотно сделать? Просто у меня стоит вот так, и я наблюдаю полтергейст - если снимаю один скрипт с загрузки, то другой начинает неправильно работать, хотя никак не связан с ним.. <script language ="JavaScript" type="text/javascript" src="pagodaJS.js"> <script language ="JavaScript" type="text/javascript" src="citationsJS.js">

У меня например вот это событие отслеживается постоянно, и запускает функцию при свершении.Так что думаю что и в вашем случае возможны подобные варианты. _________________________________________________________________________________________ <script language ="JavaScript" type="text/javascript"> window.onresize = function() { }

Если в одной функции уже была обьявлена переменная var q = 10; , то могу ли в другой функции тоже обьявить переменную var q = 20; , при условии что функции никогда не будут выполняться одновременно. Грамотно ли это? Мне вот кажется да. Так как при выполнении любой из функции по любому создается новая q. И старая q никак не влияет на это, тем более что она вообще переменная другой функции. ———————————————————————————————————————————————————- Итак, вопрос номер два. Если переменная х была равна 10, а я потом напишу x = 10 + 'px' , то х автоматически строковой переменной станет или нет?

Код слишком большой -трудно смореть- поубирай все лишнее! Кстать когда будешь убирать тоже можно понять что мешает твоему слою нормально жить. Убрал кусочек кода - запустил ага хоп появился бэкграунд? Значит думай что там такого в том что ты счас вырезал или на крайняка сюда давай. Вырезал часть кода - но слой нормально жить не начал? Вырезай дальше значит.. Кстать вместо loose.dtd лучше strict.dtd

- да да именно это! - да Apach запущен. Ну интерпритатор тоже наверн есть так как в феврале то все работало ). Напомните пожалуйста как через cmd отлавливать ошибки всего этого дела! (Когда устанавливал пользовался этим способом , чтобы все настроить классно. ) Забыл какой файл через cmd надо запускать! Думаю мне это поможет. Спасибо за ответы!

и ставь всегда когда тестишь свои слои или таблицы border'Ы чтоб ты наглядно видел что и как!

Вот пожалуйста! У меня все работает. Файл gigi.jpeg загружается фоновой картинкой! Попробуйте мой код.. - поставьте туда название своей картинки. Ну если уж опять не сработает, то смело выкладывайте весь код. Наверняка там где-то что-то влияет на этот слой. <!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> <title>Untitled</title> <style type ="text/css"> #leftimage{ border: 1px solid black; margin: 0; padding: 0; width: 10%; background-image: url('gigi.jpeg'); background-position: left bottom; background-repeat: no-repeat; } </style> </head> <body> <div id ="leftimage"> </div> </body> </html>

background-image: url('images/left_image.jpeg'); Что то мне подсказывает что именно из-за неправильного названия файла или пути у вас и невидно фона.. Т. к. 1. Если неправильно заданы параметры фона - то он хоть как нибудь в принципе должен все равно отобразиться. 2. left_image.jpeg - может у вас там jpg формат а не jpeg? Проверьте. ____________________________________________________________________________________________________ Учитесь писать кратко: padding: 0px 0px 0px 0px; - там где ноль px писать не обязательно, например padding: 30px 0 50px 0; С маргинами дело обстоит также. А если хотите сделать все паддинги нулевыми то достаточно написать padding:0; Кстати маргины то, все обнулили так же margin:0;

О! Cпасибо! Понял.. Еще такой вопрос. Я вот в феврале ставил апач (не пакет денверя) - запускал info(); - все выводилось. Попробывал недавно - ничиго не выводится. С чего бы это? Ничто не удалял.

Чем апач с денверем отличается от апача без денверя!? Я вот собираюсь php начать учить - какой апач мне подойдет.!? _______________________________________________________________ офф топ : С вашим складом ума я бы вам посоветовал каракатицу.

проект типа Мой круг 8) и то мало времени Что за "Мой круг" ? Дентон опять флудить изволили? —————————————————————

Ух ты! Но хоть убейте я не могу себе представить что может быть на JS такого что знающий язык человек будет аж три года делать!!!! Не мучьте скажите хоть одну поставленную задачу. ))))

0 убери - у тебя там его ничто не принимает. И точку запятую в после названия функции тоже можно убрать.. Она там ни к чему.

Так так так так так... А нас и C++ и Delphi обьектный.. И php и тоже вроде или я ошибаюсь? __________________________________________________________________________________ Кстати кто нить слышал - взялся ли кто нить новую версию "делфи" выпускать?

Так так так так так... А нас и C++ обьектный.. И php и тоже вроде или я ошибаюсь?

Кукумбераа, у меня там по другому нельзя никак. Я нашел выход - текс писать прям в body, а матрешку сверху накладывать. z-index. position:realative;

У меня резиновая страница.. А нельзя ли как нибудь с вложенными но чтоб центральный блок не уежал? Неужели нет способа?

нет. не над "некоторым текстом" а в блоке над которым он выводится. Вот скрин для конкретики. Я стрелочкой указал где должен быть текст. http://bob020202.narod.ru/