Jump to content

VJiK

User
 View Profile  See their activity

  • Posts

    221

  • Joined

  • Last visited

 Content Type 

Everything posted by VJiK

  1. VJiK
    Ну картинка у меня получалось существенных размеров и чуть увеличить код - стоило уменьшения размера картинки Решение выкладывал - см. сообщение #14 в этой теме.
  2. VJiK
    Такой вариант понятен и имеет право на существование, но не в моём случае... Здесь критичен был момент дерганья + с длинной полоской не универсально и размер файла (этой полоски) большой. Собственно, я бы так и сделал, если бы не нашел решения Вы предлагали другой вариант (см. сообщения 3 и 4 в этой теме). А если в доп. див запихнуть - не будет футер прибиваться. Не надо советовать то, что не проверено.
  3. VJiK
    Ну это мне ещё долго тут активничать на форуме )))
  4. VJiK
    А для эксперта - сколько сообщений необходимо?
  5. VJiK
    Ды вроде всё... проблем нету. Куда уж дальше-то PS 150е сообщение - теперь у мя статус "продвинутый"
  6. VJiK
    Продолжим совершенствовать вариант Теперь избавляемся от дёрганья в 1px (в моём варианте он, оказывается, был во всех браузерах). Это происходила из-за разного варианта центрирования для фона и для содержимого. Берем фон в ещё одну обертку и центрируем её с помощью margin: 0 auto; =) В итоге получаем: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body { margin: 0; padding: 0; } BODY { background: url(../images/bg.jpg) repeat 0 0; color: #7a6b58; } HTML, BODY { height: 100%; min-width: 1249px; } .l-base { margin: 0 auto; width: 1249px; } .l-container { min-height: 100%; position: relative; overflow: hidden; } .l-wrap { padding-bottom: 268px; position: relative; } .l-footer { height: 268px; margin-top: -268px; position: relative; } .l-bg { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; height: 100%; } .l-bg .w { width: 1249px; margin: 0 auto; top: 0; bottom: 0; height: 100%; position: relative; } .l-bg .s { position: absolute; width: 1509px; left: -130px; top: 0; bottom: 0; height: 100%; background: url(../images/shadow.png) repeat-y 0 0; } .l-bg .bg { position: absolute; top: 0; bottom: 0; left: 0; width: 1249px; height: 100%; background: url(../images/bg_inner.jpg) repeat 0 0; } </style> <!--[if lte IE 6]> <style type="text/css"> .l-container { height: 100%; overflow-y: visible; overflow-x: hidden; } .l-bg .s, .l-bg .bg { height: expression(document.body.clientHeight+'px'); } .l-bg .s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadow.png,sizingMethod=scale); //background: none; } </style> <![endif]--> </head> <body> <div class="l-container"> <div class="l-bg"> <div class="w"> <div class="s"></div> <div class="bg"></div> </div> </div> <div class="l-wrap l-base"> Контент </div> </div> <div class="l-footer l-base"> Подвал </div> </body> </html>
  7. VJiK
    Фух... Разобрался со всем и сделал Вместо двух теней для левой и правой части - сделал одну. В принципе их можно было обновить и с бэкграундом средним, но тогда файл изображения получался оч. большим. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body { margin: 0; padding: 0; } BODY { background: url(../images/bg.jpg) repeat 0 0; color: #7a6b58; } HTML, BODY { height: 100%; min-width: 1249px; } .l-base { margin: 0 auto; width: 1249px; } .l-container { min-height: 100%; position: relative; overflow: hidden; } .l-wrap { padding-bottom: 268px; position: relative; } .l-footer { height: 268px; margin-top: -268px; position: relative; } .l-bg { position: absolute; width: 1249px; left: 50%; margin-left: -624px; top: 0; bottom: 0; } .l-bg .s { position: absolute; width: 1509px; left: -130px; top: 0; bottom: 0; height: 100%; background: url(../images/shadow.png) repeat-y 0 0; } .l-bg .bg { position: absolute; top: 0; bottom: 0; left: 0; width: 1249px; height: 100%; background: url(../images/bg_inner.jpg) repeat 0 0; } </style> <!--[if lte IE 6]> <style type="text/css"> .l-container { height: 100%; overflow-y: visible; overflow-x: hidden; } .l-bg .s, .l-bg .bg { height: expression(document.body.clientHeight+'px'); } .l-bg .s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadow.png,sizingMethod=scale); //background: none; } </style> <![endif]--> </head> <body> <div class="l-container"> <div class="l-bg"> <div class="s"></div> <div class="bg"></div> </div> <div class="l-wrap l-base"> Контент </div> </div> <div class="l-footer l-base"> Подвал </div> </body> </html>
  8. VJiK
    Ну ясно Спасибо ещё раз за помощь - выручил Кстати... body { width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto");} Вот это для ИЕ6 можно не делать... фон в ИЕ6 в отличие от других браузеров - при сужении дальше фиксированного блока - не уменьшается
  9. VJiK
    div.wrap1 { overflow: hidden; } А это для чего? Убрал - вроде бы ничего не поменялось...
  10. VJiK
    psywalker, в моём случае это дёрганье не критично. А в остальном твой вариант вроде бы идеально работает. Сейчас буду разбираться что там к чему в нем Спасибо!
  11. VJiK
    Этот вариант не пойдет, тк ФОН2 в BODY не множится дальше 100% (то есть ниже прокручиваешь - там этого фона уже нет). Сейчас посмотрю вариант psywalker'a =) В ИЕ7 дергается основная часть относительно футера на 1px.
  12. VJiK
    Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, p, table, td, th, img { margin: 0; padding: 0; border: 0; } BODY { background: #130706 url(../images/bg.jpg) repeat 0 0; color: #7a6b58; font: 12px/15px Arial, Helvetica, sans-serif; } HTML, BODY { height: 100%; } .l-all { margin: 0 auto; width: 1250px; height: 100%; } .l-container { min-height: 100%; } .l-wrap { padding-bottom: 268px; } .l-footer { height: 268px; margin-top: -268px; } </style> <!--[if lte IE 6]> <style type="text/css"> .l-container { height: 100%; } </style> <![endif]--> </head> <body><div class="l-all"> <div class="l-container"><div class="l-wrap"> Основная часть </div></div> <div class="l-footer"> Подвал </div> </div></body> </html> Собствено ФОН1 в BODY, ФОН2 в l-container. А вот куда тень деть не понятно
  13. VJiK
    И подытожить в конце: http://htmlbook.ru/css/background.html =)
  14. VJiK
    Я использовал программу Mapedit (сайт программы)
  15. VJiK
    У вас тэг form в голосовании не закрыт. ЗЫ Называйте темы нормально... надо как-то штрафовать тех, кто создает темы с неинформативным названием.
  16. VJiK
    У меня IE7 в иетестере в Windows 7 вполне нормально работает... Вылетает правда частенько, но там сразу кнопочка есть - Reopen - удобно)
  17. VJiK
    Всё ясно Пошёл изучать статью Чикуёнка. Всем спасибо )
  18. VJiK
    И всё-таки по теме Если есть железобетонный кроссбраузерный вариант.... поделитесь ссылочкой
  19. VJiK
    http://psywalker.ru/Forum/shadow/shadow/main.html нашел в теме вот этот пример - но это криво работает в ИЕ6.
  20. VJiK
    А как с дивами? Необходимо чтобы блок тянулся и по горизонтали и по вертикали. Причем по горизонтали ширина задаётся только для внешнего блока.
  21. VJiK
    Потребовался резиновый блок с тенью. Вот что у меня получилось: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p, table, td, th, img { margin: 0; padding: 0; border: 0; } table { border-collapse: collapse; } BODY { background: silver; } .b-popupwin .tw, .b-popupwin .bw { width: 100%; height: 20px; font-size: 1px; line-height: 1px; } .b-popupwin .tl { width: 20px; background: url(images/ppwin_tl.png) no-repeat 0 0; } .b-popupwin .t { background: url(images/ppwin_t.png) repeat-x 0 0; } .b-popupwin .tr { width: 20px; background: url(images/ppwin_tr.png) no-repeat 0 0; } .b-popupwin .bl { width: 20px; background: url(images/ppwin_bl.png) no-repeat 0 0; } .b-popupwin .b { background: url(images/ppwin_b.png) repeat-x 0 0; } .b-popupwin .br { width: 20px; background: url(images/ppwin_br.png) no-repeat 0 0; } .b-popupwin .mw { width: 100%; } .b-popupwin .ml { width: 20px; background: url(images/ppwin_l.png) repeat-y 0 0; } .b-popupwin .m { background: #fff; } .b-popupwin .mr { width: 20px; background: url(images/ppwin_r.png) repeat-y 0 0; } </style> <!--[if lte IE 6]> <style type="text/css"> .b-popupwin .tl { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_tl.png,sizingMethod=crop); //background: none; } .b-popupwin .t { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_t.png,sizingMethod=scale); //background: none; } .b-popupwin .tr { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_tr.png,sizingMethod=crop); //background: none; } .b-popupwin .bl { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_bl.png,sizingMethod=crop); //background: none; } .b-popupwin .b { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_b.png,sizingMethod=scale); //background: none; } .b-popupwin .br { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_br.png,sizingMethod=crop); //background: none; } .b-popupwin .ml { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_l.png,sizingMethod=scale); //background: none; } .b-popupwin .mr { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ppwin_r.png,sizingMethod=scale); //background: none; } </style> <![endif]--> </head> <body> <div class="b-popupwin" style="position: absolute; left: 100px; top: 50px; width: 400px;"> <table class="tw"><tr><td class="tl"></td><td class="t"> </td><td class="tr"></td></tr></table> <table class="mw"><tr><td class="ml"></td><td class="m"> Пример текста<br> Пример ссылки: <a href="#">Ссылка в никуда</a><br> Конец примеров </td><td class="mr"></td></tr></table> <table class="bw"><tr><td class="bl"></td><td class="b"> </td><td class="br"></td></tr></table> </div> </body> </html> Пример: http://predvoditelev.ru/del/ Что скажете? Может быть можно как-то более оптимально сделать?
  22. VJiK
    В твоем случае немного другая проблема А у нас тут даже не заказчик - а кидала типичный...
  23. VJiK
    Забавно Закачик - совсем не разумный))))
  24. VJiK

    IE7 и border dotted

    VJiK replied to VJiK's question in HTML Coding

    IETester стоит давно... но про него создал отдельную тему А виртуалку - использовал вот это: http://www.microsoft.com/windows/virtual-pc/download.aspx Только вот почему-то в ИЕ7 там проявляется глюк, который больше нигде не проявляется.
  25. VJiK

    IE7 и border dotted

    VJiK replied to VJiK's question in HTML Coding

    У меня Win7, поэтому не получится использовать такую виртуалку
×
×
  • 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

  I accept