maza
-
Posts
128 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by maza
-
ты толкаешь паддингом их вниз. сначала: #footer1 и #footer2 поставь bottom: 0px; чтобы к самому низу прибивалось убери текста, оставь по 2 строчки потом смотри в опере. у мну появился скрол, потому что ты паддинг поставил, если его убрать квадраты уже вверх поднимаются. но это только в опере я заметил.
-
ох как ты хитро квадраты прикрутил.... разбираюсь... в опере не хочет внизу сидеть, когда мало текста... ( 9.62)
-
так аргументируйте ———————————————————- обратить внимание необходимо на "относительно края окна браузера". А мы вроде как собирались его внизу страницы прикрутить... + я перед тем как постить дополнительно проверил чтоб уж доконца быть увереным в своих словах.
-
как раз с осведомленностью в данном случае у мну все впорядке. если мы таким образом как вы посоветовали прибьем подвал, тогда он там будет висеть постоянно , не смотря ни на что (я имею ввиду, когда буковок будет больше чем влезет в экран) а вы ничего не привели, имхо, что касается последнего вопроса..
-
во-первых, у мну в бади прописано height: 100% а во-вторых, абсолютное позиционирование подвала мне совсем не нужно, зачем мне его втыкать постоянно??? а завяжу с таблицами, когда стандартизируют это все дело до степени - "верстать и не крутится как уж на сковородке при этом". если вы советуете сверстать всё слоями - можете еще предложить вариант по реализации данного макета? я не прошу готовый код - просто логику подскажите.
-
Уважаемые знатоки вопрос визуальный. 1. 2. проблема возникает у ИЕ6, Опера 9.62, когда левая колонка наполнена текстом (рис. 2) что можете посоветовать? почему ФФ3 "видит" родителя <td> в котором написано height: 100%, а опера и ие6 "не видят" ?! код здесь: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>макет era-auto.com.ua</title> <style type="text/css"> html, body { height: 100%; margin: 0; } #header_main { height: 100px; background-color: #FF8040; } #content_main { margin-bottom: -140px; min-height: 100%; background-color: #8080C0; *height: 100%; *margin-top: 0; } #space_main { height: 140px; } #space_leftSide { height: 40px; } #mail { height: 140px; background: green; } </style> </head> <body> <table border="0" width="100%" style="height: 100%; margin-bottom: -40px" cellspacing="0" cellpadding="0"> <tr> <!-- LEFT SIDE go here --> <td style="width: 232px; background-color: #FF8080" valign="top"> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side <br /> left side ! <div id="space_leftSide"></div> </td> <!-- theEND of LEFT SIDE --> <td style="width: 5px; background-color: #800080"></td> <!-- MAIN SIDE go here --> <td style="height: 100%; background-color: #c0c0c0"> <div id="content_main"> <div id="header_main"> <!-- CAP go here --> 123 <!-- theEND of CAP --> </div> <!-- MODULE go here --> 456789 456789 456789 456789 456789 456789 456789 456789 ! <!-- theEND of MODULE --> <div id="space_main"></div> </div> <div id="mail"> <!-- MailMe go here --> 789 <!-- theEND of MailMe --> </div> </td> <!-- theEND of MAIN SIDE --> </tr> </table> <!-- FOOTER go here --> <table border="0" width="100%" style="height: 40px; background-color: #088cd1" cellspacing="0" cellpadding="0"> <tr> <td></td> </tr> </table> <!-- theEND of FOOTER --> </body> </html>
-
сори. вопрос снят. эту часть макета победил, аналогичным методом. добавил к mail высоту футера (40px) и margin-top: -40 убрал за не надобностью (это я уже методом проб понял, что не туда копаю)
-
зачем рисовать, я ж писал, что данный код работает как задумано в ИЕ6 - посмотрите. (и с текстом и без всё как хотелось)
-
на счет грязного хака вообще не понял, что ты имел ввиду... прикрутил я этот кусок кода к еще одному куску)), покрутил не много , короче все сапает, когда текста мало в ФФ3, ИЕ6 и Опера 9.62, Но когда вставляешь текст, то работает только в ИЕ6.. проблема в том, что я не могу понять, ЧТО браузеры делают, как они его так корёжат... соответственно не знаю что колупать дальше вот теперешний макетик: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>макет era-auto.com.ua</title> <style type="text/css"> html, body { height: 100%; margin: 0; } #header_main { height: 100px; background: red; } #content_main { margin-bottom: -140px; margin-top: -40px; min-height: 100%; background-color: #8080C0; *height: 100%; *margin-top: 0; } #space_main { height: 140px; } #mail { height: 100px; background: green; } </style> </head> <body> <table border="0" width="100%" style="height: 100%; margin-bottom: -40px" cellspacing="0" cellpadding="0"> <tr> <!-- LEFT SIDE go here --> <td style="width: 232px; background-color: #FF8080" valign="top"> left side </td> <!-- theEND of LEFT SIDE --> <td style="width: 5px; background-color: #800080"></td> <!-- MAIN SIDE go here --> <td style="height: 100%"> <div id="content_main"> <div id="header_main"> 123 </div> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 456789 456789 <br /> 456789 456789 456789 456789 456789 456789 456789 456789 ! <div id="space_main"></div> </div> <div id="mail"> 789 </div> </td> <!-- theEND of MAIN SIDE --> </tr> </table> <!-- FOOTER go here --> <table border="0" width="100%" style="height: 40px; background-color: #088cd1" cellspacing="0" cellpadding="0"> <tr> <td></td> </tr> </table> <!-- theEND of FOOTER --> </body> </html>
-
Можешь объяснить этото кусок? #content { margin-bottom: -100px; min-height: 100%;} * html #content { height: 100%;} это не тоже самое, что и ? : #content { margin-bottom: -100px; min-height: 100%; *height: 100%;} min-height для слоя с id content для всех браузеров, кроме ИЕ6, для ИЕ6 height: 100%. я правильно понял?
-
Виртуал, спасибо! Завтра с утра разберу этот вариант и отпишусь здесь!! p.s.: с работы домой выгоняют.....
-
это я догадался как Экслорер (мужду прочем у ФФ и Оперы нормально с этим) считает высоту, если не задана. пробовал я дивами сделать, но результат такой же. Может вы покажите пример?
-
хехехе))) если б я мог - давно бы уже и не морочил ни кому попу (и себе в первую очередь-)))
-
как зачем???!!!! чтоб таблица развернулась на 100% по высоте надо таблице знать от чего эти проценты считать
-
ты правильно примитивно меня понял )))) копал я в сторону маргина и падинга... короче могу только сказать , что доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> просто ПОПА!!! вообще ниче не сделать (((( вот, элементарный, пример (хотятбы этот вопрос решить, ПОЧЕМУ НА??!!): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>макет era-auto.com.ua</title> <style type="text/css"> html, body { height: 100%; margin: 0; } </style> </head> <body> <table border="1" width="100%" style="height: 100%" cellspacing="0" cellpadding="0"> <tr> <td style="height: 100px">111</td> </tr> <tr> <td>222</td> </tr> <tr> <td style="height: 100px">mail</td> </tr> </table> </body> </html> почему на это в ИЕ6, ячейка 222 какого-то х.. сплюснута.....
-
Примитивно говоря, можно ли задавать подобным макаром (как это сделать?) высоту вот так: style="height: 100% - 40 px" ????
-
http://www.phatfusion.net/multibox/ классная штука. Скачали. Разархивировали. Запускаем (..\MultiBox\multibox\index.htm) Упс, не работает. Смотрим исходный код, видим: <script type="text/javascript" src="../utils/overlay.js"></script> понимаем, что файл этот лежит в этой же папке, меняем на: <script type="text/javascript" src="overlay.js"></script> обновляем стр. Опа, работает!! Чудесно!!!! Опа, а как же ш разбить проигрываемые файлы на группы, к примеру, хотим отделить картинки от других файлов: Чтобы при нажатии на картинку мы видели на экране "1 of 3" и стрелки "назад, вперед" чтобы ходили только по картинкам, а при нажатии, на другие файлы, соответственно, видели "1 of 9" и по стрелкам переходили к просмотру этих файлов. Как? Открываем форум, ищем. О, нашли: http://forum.phatfusion.net/viewtopic.php?...8775c74c7289f99 к сожалению ответа нет, ищем дальше.... находим: http://forum.phatfusion.net/viewtopic.php?...8775c74c7289f99 (ответ №1) и http://forum.phatfusion.net/viewtopic.php?...8775c74c7289f99 (ответ №2) Ну хорошо, попробовали эти советы\ответы как разгруппировать файлы. Меняем: <script type="text/javascript"> var box = {}; window.addEvent('domready', function(){ box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true}); }); </script> на <script type="text/javascript"> var box, box2 = {}; window.addEvent('domready', function(){ box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true}); box2 = new MultiBox('bm', {descClassName: 'multiBoxDesc', useOverlay: true}); }); </script> и разгруппируем как мы хотели, картинки отдельно, видео, музыка, хтмл - отдельно. Меняем: <a href="files/IMG_8966.jpg" id="mb1" class="mb" title="Image Title 1 (jpg)"><img src="files/tIMG_8966.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb1">This is my descrition text 1. It can support html.</div> <a href="files/IMG_6608.jpg" id="mb2" class="mb" title="Image Title 2 (jpg)"><img src="files/tIMG_6608.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb2">This is my descrition text 2. It can support html.</div> <a href="files/IMG_7210.jpg" id="mb3" class="mb" title="Image Title 3 (jpg)"><img src="files/tIMG_7210.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb3">This is my descrition text 3. It can support html.</div><br /> на <a href="files/IMG_8966.jpg" id="mb1" class="bm" title="Image Title 1 (jpg)"><img src="files/tIMG_8966.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb1">This is my descrition text 1. It can support html.</div> <a href="files/IMG_6608.jpg" id="mb2" class="bm" title="Image Title 2 (jpg)"><img src="files/tIMG_6608.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb2">This is my descrition text 2. It can support html.</div> <a href="files/IMG_7210.jpg" id="mb3" class="bm" title="Image Title 3 (jpg)"><img src="files/tIMG_7210.jpg" alt="" border="0" /></a> <div class="multiBoxDesc mb3">This is my descrition text 3. It can support html.</div><br />(мы поменяли у тега <a> аттрибут class) Вау! разгруппировалось! вроде бы все классно, а ннет!!! Смотрим в firebug какой код добавил на страницу java script: а выходит, что при включенном этом overlay от Samuel Birch (пишу так, потому что мне в другой теме доказывали, что Самуель не мог такой скрипт написать и виноват только я) MultiBox создает div-слоя с одинаковыми id, что не есть хорошо.. + обратите внимание на высоту! правда проблемы с высотой это уже другой вопрос. Больше всего волнует как избежать этого повторения слоёв. Тем более код абсолютно одинаковый генерируется:
-
я не против музыки если она по умолчанию НЕ включается, если это так, то я помогу
-
хорошая ссылка, спасибо! (уже в favorites)
-
решил вопрос так: (правда на поле input) object.readOnly=1; сейчас ищу другие варианты.... не нравится, что фокус ставится. p.s.: в твоем случае на сколько я понял, можно с мощью пхп рисовать, без яваскрипта. проверка какой пользователь на серваке у тебя же происходит и выводишь тот или иной html.
-
за советы спасибо. фреймворк у мну mootools, правда используется сугубо для каких-то определенных вещей. а на счет: "как любой другой нуб, истрахал здесь всем мозг, потртил чужое время" тебя кто так учил разговаривать? Хамло. Не хочешь - не трать время, я тебя что заставляю отвечать в этой теме?
-
спасибо, помоему в полном объеме исчерпаны все вопросы по теме (и не по теме)
-
Zont, этот вопрос уже обсосанный, имхо. Я прекрасно понимаю и не отрицал ни разу этого. На то он и идентификатор потому что уникальный. Расскажи, плз, на счет скорости выполнения и какие есть альтернативы? например имя класса могут повторятся. как узнавать лучше колличество объектов с классом "xxx" , к примеру?
-
нет, не вкурсе)) потому и советы хотел бы услышать... ты наверно просто издеваешься... или специально не замечаешь буков... Я имел ввиду (перефразирую): Интересовало, какими методами, эксперты в области JavaScript (эксперты - люди, которые имеют опыт), находят и узнают колличество тегов на странице с известными, допустим, атрибутами и также как узнают есть ли объект на странице, зная определенный атрибут. Понял, спасибо, буду выяснять как так у меня получилось... p.s.: homm, если тебя много раз увольняли и у тебя, в связи с этим, сложился какой-то комплекс, то не нужно пытаться прививать его другим или просто выливать свой негатив на других.
-
да, точно. совершенно. так и есть. если правильно понял значение "добраться".. : я добираюсь. таким образом: if(document.getElementById('OverlayContainer')) { var BodyHeight = document.body.offsetHeight+'px'; var DivOverlays = document.getElementsByTagName('div'); for (var i = 0; i < DivOverlays.length; i++) { if(DivOverlays[i].id == 'OverlayContainer') { DivOverlays[i].style.height=BodyHeight; } } } в каждом диве с одинаковым id меняю высоту...