Jump to content
  • Sign Up

d0ublezer0

User
  • Content Count

    776
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by d0ublezer0

  1. Да, помогло, отступы появились. Только в IE теперь слетает правая колонка, о чем говорил Searcher. Причем только в IE6, в седьмом всё нормально
  2. Border мне нужен. Без него блоки не выделяются на странице
  3. Если убрать у wrap и у round-corners ширину 100%, то в IE обрамление блока расползается (бордюр)
  4. Здравствуйте. http://joomla.bardov.nnov.ru/ Верстка в три колонки, в контейнере columns колонки cleft(20%), cmiddle(80%), cright(20%) Как только добавляю padding к колонкам, правая колонкаслетает вниз, под среднюю. Как этого избежать? Пробовал добавлять margin к блоку wrap, в который обернут каждый блок контента в колонках - это свойство не отрабатывает.
  5. www.metakom.info/test.html Пока верстал, не засек момент, когда появилась горизонтальная прокрутка у документа. Через FireBug отловить не смог. Гуру, помогите исправить? Сам нашел. Оказывается у контейнера columns ширина была 100%ю Как только убрал явно заданную ширину, все пришло в норму. одно не понятно - почему в таком случае 100% получается больше, чем ширина экрана?
  6. Спасибо всем огромное! Контейнер с колонками и сами колонки сделал релативными, поправил отступы. Футеру добавил clear:both, и всё встало на места.
  7. Если так сделать, то мне кажется IE7 будет ругаться на экспрешшн в стиле, типа предупреждать об активном содержимом. попробую с image transform
  8. Здрасте всем. У меня проблема на сайте: http://metakom.info/test.html Верстаю в три колонки, колонки сделаны дивами с абсолютным позиционированием. Как при этом заставить подвал отображаться под ними? Пробовал делать колонки релативными - подвал всё равно вниз не спускается (на страничке видно). Я в верстке дивами новичок
  9. Есть проблема - ссылки имеют фон с прозрачным PNG, и в 6м эксплорере не удается заставить его быть прозрачным. для всех остальных картинок PNG, в том числе и для изображений PNG, положеных как фон, срабатывает, а для ссылки - нет Ссылка в коде выглядит так: <a class="png mnu m01" id="act" href="/company/">компания</a> Обработчик в коде, обрабатывающий ПНГ (взято у Лебедева): <!--[if lt IE 7]> <style> .png{ filter: expression(fixPNG(this)); } </style> <script type="text/javascript" src="/ie6-fix.js"></script> <![endif]--> Содержимое файла ie6-fix.js: try{ document.execCommand("BackgroundImageCache", false, true); } catch(e) { } function fixPNG(element) { if (/MSIE (5\.5|6).+Win/.test(navigator.userAgent)) { var src; if (element.tagName == 'IMG') { if (/\.png$/.test(element.src)) { src = element.src; element.src = "./i/e.gif"; } } else { src = element.currentStyle.backgroundImage .match(/url\("(.+\.png)"\)/i) if (src) { src = src[1]; element.runtimeStyle.backgroundImage = "none"; } } var re_scale_mode = /iesizing\-(\w+)/; var m = re_scale_mode.exec(element.className); var scale_mode = (m) ? m[1] : 'crop'; if (src) element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='" + scale_mode + "')"; } } Код CSS для ссылки: a.mnu { display:block; height:26px; width:150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.08em; padding-top:4px; color:#FFFFFF; text-decoration:none; margin-top:5px; margin-bottom:5px; padding-left:29px; } a.mnu:hover{ background:url(/img/a_mnu_bg.png); background-repeat:no-repeat; }
  10. Вынеси оформление в класс и нужным элементам INPUT назначай его
  11. Здрасте всем. Помогите пожалуйста с CSS на страничке http://rosplit.artstyler.biz У меня там сделано главное меню в виде ссылок с такими свойствами: a.mnu { display:block; height:26px; width:150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.08em; padding-top:4px; color:#FFFFFF; text-decoration:none; margin-top:5px; margin-bottom:5px; padding-left:29px; } a.mnu:hover{ background:url(/img/a_mnu_bg.png); background-repeat:no-repeat; } Все эти ссылки расположены в DIV-контейнере .mnu_container{ position:relative; width:167px; height:183px; background:url(/img/bg_mnu.png); background-repeat:repeat-x; overflow:hidden; background-color: #FF9933; } Так вот проблема: в Firefox и Opera ссылки отображаются с отступом сверху от контейнера, а в Internet Explorer - без отступа, и в 6м, и в 7м. При этом отступы между ссылками отрабатываются нормально.
×
×
  • Create New...