Jump to content

Great Rash

Expert
  • Posts

    7,974
  • Joined

  • Last visited

  • Days Won

    144

Everything posted by Great Rash

  1. kemp вам поможет height: 100%; для body и абслолютное позиционирование.
  2. Мне не понятно. С удовольствием посмотрел бы код. Если кому-нить не влом конечно... пятница все-таки. Впрочем и в понедельник посмотрю с не меньшим удовольствием если какой-нить товарищ не сочтет за труд продемонстрировать.
  3. Никак не сделать кажись. Отображение бордера у филдсета зависит от браузера. Если только бордер-радиус, но он не поддерживается в Опере и ИЕ...
  4. Дело в том, что У меня функция-обработчик и событие будут приходить в виде параметров функции. Как я уже писал, я пытался использовать attachEvent и addEventListener. Но так и не понял могут ли они работать с переменными в которых хранится функция целиком или методы этой функции.
  5. В общем я пытался сделать при помощи attachEvent вот так: document.body.setAttribute('class', 'attribute-test'); if (document.body.className == 'attribute-test') { newObj.setAttribute(listener, script); } else { newObj.attachEvent(listener, function() {script}); } Никакого эффекта. Вроде вычитал, что attachEvent должна принимать вторым параметром именно функцию (вида: function() {alert('bla-bla');}), но такая запись тоже не работает. Тестирую в ИЕ8 в режиме просмотра ИЕ7.
  6. Пытаюсь навесить событие на объект, созданный скриптом. Столкнулся с такой проблемой, код: function obj(tag, id, clName, listener, script) { var newObj = document.createElement(tag); newObj.id = id; newObj.className = clName; newObj.setAttribute(listener, script); document.body.appendChild(newObj); } obj('div', 'div1', 'div1', 'onclick', 'alert("ok");'); В мозилле все, естественно, работает. А вот в ие нифига не хочет работать. Как быть?
  7. А разве нельзя просто назначить ссылке левый паддинг?
  8. вообще отображают, нет там никакого бага. Может кривой путь до картинки? tr#footer-bg { height:106px; background:url(img/footer-bg.jpg) repeat; } <- а зачем так писать? tr#footer-bg { height:106px; background:url(img/footer-bg.jpg); } <- если так будет тоже самое
  9. -webkit-border-radius для сафари, опера не поддерживает пока, а жаль... думал что поддерживает
  10. А причем тут опера и сафари? Лично мной за этими браузерами косяков замечено не было. Бордер-радиус они кажись отображать умеют (сафари уж точно). "Один сайт?" - как грится - лиха беда начало... Это был сайт довольно известного (судя по обширному портфолио) дизайнера. Жаль адреса не помню.
  11. Вообще в правильных браузерах при CTRL+колесо мыши масштабируется еще и графика, так что я верстаю в пискелях и не заморачиваюсь на ем'ы.
  12. 2Justnewone Я кстати видел буржуйский сайт, который не поддерживает ИЕ в принципе. Т.е. если зайти на него под ИЕ увидишь голый текст без стилей вообще. И это правильно товарищи!!!
  13. Я конечно с такими системами не сталкивался, но может лучше копнуть в сторону ACSS? UPD: Aural Cascading Style Sheets (это на случай если не слышали про такое, а то гугль не выдаст нужного по аббревиатуре)
  14. Great Rash

    CSS Layouts

    Таким макаром научиться чему-нибудь кроме копирования чужого кода будет тяжеловато.
  15. Great Rash

    CSS Layouts

    Придерживаюсь мнения, что не кошерно брать готовые лэйауты. Гораздо мощнее всегда делать свои.
  16. Вообще я думаю, что тут и без скриптов не обойтись. Даже если делать таблицами все равно не получится, иначе не получится прятать самую левую колонку. У нее же надо ставить отрицательный маргин если разрешение равно 800х600. А динамически ставить отрицательный маргин без скриптов не получится как не извращайся. Хотя что-то сейчас подумал - есть один выход: сделать обе крайние колонки (А и Г) тянущимися но при этом поставить у них max-width и overflow: hidden;. Тогда если разрешение будет больше 800х600 колонки (и их содержимое) сожмутся, а если разрешение будет больше - колонки растянутся по ширине только до максимального указанного значения (пускай 100px). Очень даже подходит, для дебильных браузеров (ИЕ) есть специальный хак через expression.
  17. По моему товарищ спрашивал просто про background-repeat и background-position
  18. left: expression(document.getElementsById('container').style.left=300+'px'); Кажись так (если конечно синтаксис у экспрешнов такой же как и у яваскрипта). Работать будет только в ИЕ. UPD: а почему не подходит просто left: 300px;?
  19. Надо для центр юзать min-width. И тогда все легко делается. UPD: Не, что то я подумал... бред написал. Извиняйте.
  20. Пожалуй тут только скрипты помогут
  21. Эмуляция position: fixed; http://www.artlebedev.ru/tools/technogrett.../emulate-fixed/ Полноценный fixed в MSIE (пишется expression) http://www.artlebedev.ru/tools/technogrett.../fixed_in_msie/ А вообще я бы уже давно прекратил поддержку ИЕ6... Уже ни одного знакомого нет кто им до сих пор пользовался бы.
  22. Ну раз предложенный мной код работает в шестерке то адаптируйте его под свои нужды. bottom: 0; вообще не нужен, это я для наглядности сделал. Делаете шапку сайта (допустим 150px высотой), потом вписывайте мой код, у всех трех контейнеров (first, second и third) ставите top: 150px (по высоте шапки). Если планируется подвал, то придется немного переделать, а именно взять все три контейнера в общий к которому уже лепить подвал.
  23. Вообще: document.getElementById('firstRowIdHeader').style.height = document.getElementById('firstRowId').offsetHeight + "px";
  24. А это чем она так считается? Может считать ее Яваскриптом?
  25. У меня нет ИЕ6... Вот такая штука работает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } .first, .second, .third { float: left; position: absolute; top: 0; bottom: 0; } .first { background: #f0f0f0; width: 25%; left: 0; } .second { background: #cecece; left: 25%; right: 25%; border-left: #000 1px solid; border-right: #000 1px solid; } .third { background: #f0f0f0; width: 25%; right: 0; } </style> </head> <body> <div class="first"> </div> <div class="second"> </div> <div class="third"> </div> </body> </html>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy