d0ublezer0

К примеру: http://www.stroykann.ru/index.php?option=c...6&Itemid=47 В центральном блоке список "Другие элементы в этой категории" - в IE6 фон заголовка (картинка) пропадает при наведении мышью на элементы самого списка. Не могу понять, почему так происходит. И даже, если наводить на ссылки в левой или правой колонке - то же самое. Помогите разобраться?

Такой элемент: <div class="message">Неправильное имя пользователя (логин) или пароль. Попробуйте ещё раз.</div> Такой CSS: .message { padding: 5px; background: #990000; color: #FFFFFF; font-size: 11px; font-weight: bold; display:block; } Почему-то в IE6 заливки не видно. В чем может быть дело? Разобрался. Добавил: position:relative; height:auto;

И еще пожалуйста подскажите, почему в 6м экплорере пропадает нижняя часть страницы? под заставкой?

хм. если сделать таблицей, в них элементы <a> в виде блоков с width 100% - эти элементы не будут дополнительно растягивать ячейки?

http://kaskad.bardov.nnov.ru/ Хочу, чтобы ссылки в меню (совокупность ссылок, каждая - пропорционально) растягивались по ширине сплеш-картинки. Можно ли как-то этого добиться?

Влад, смысл в моем случае в том, что по другому не получается оформить информационные блоки скругленными углами и бордюром так, чтобы они одинаково отображались в большинстве браузеров. Если бы все поголовно использовали Firefox, то и проблем бы не было

В общем, для IE6 сделал третью колонку 19%, другого выхода не нашел.

Помогите пожалуйста обойти этот глюк

Да, помогло, отступы появились. Только в IE теперь слетает правая колонка, о чем говорил Searcher. Причем только в IE6, в седьмом всё нормально

Border мне нужен. Без него блоки не выделяются на странице

Если убрать у wrap и у round-corners ширину 100%, то в IE обрамление блока расползается (бордюр)

Здравствуйте. http://joomla.bardov.nnov.ru/ Верстка в три колонки, в контейнере columns колонки cleft(20%), cmiddle(80%), cright(20%) Как только добавляю padding к колонкам, правая колонкаслетает вниз, под среднюю. Как этого избежать? Пробовал добавлять margin к блоку wrap, в который обернут каждый блок контента в колонках - это свойство не отрабатывает.

www.metakom.info/test.html Пока верстал, не засек момент, когда появилась горизонтальная прокрутка у документа. Через FireBug отловить не смог. Гуру, помогите исправить? Сам нашел. Оказывается у контейнера columns ширина была 100%ю Как только убрал явно заданную ширину, все пришло в норму. одно не понятно - почему в таком случае 100% получается больше, чем ширина экрана?

Спасибо всем огромное! Контейнер с колонками и сами колонки сделал релативными, поправил отступы. Футеру добавил clear:both, и всё встало на места.

Если так сделать, то мне кажется IE7 будет ругаться на экспрешшн в стиле, типа предупреждать об активном содержимом. попробую с image transform

Здрасте всем. У меня проблема на сайте: http://metakom.info/test.html Верстаю в три колонки, колонки сделаны дивами с абсолютным позиционированием. Как при этом заставить подвал отображаться под ними? Пробовал делать колонки релативными - подвал всё равно вниз не спускается (на страничке видно). Я в верстке дивами новичок

Есть проблема - ссылки имеют фон с прозрачным 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; }

Вынеси оформление в класс и нужным элементам INPUT назначай его

Здрасте всем. Помогите пожалуйста с 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м. При этом отступы между ссылками отрабатываются нормально.