rediskavet
-
Posts
401 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by rediskavet
-
Лишние отступы и проблема с border+z-index в IE7
rediskavet replied to TMGLUK's question in HTML Coding
IE6-7 не всегда правильно срабатывает z-index. Но в этом случае можно даже не заморачиватся и не заставлять его, пусть отображает как считает нужным. Просто повесить border-bottom на li вместо border-top, а ссылке на наведение сделать top: -1px. ul.main_menu { width:162px; margin:0 auto; line-height:30px; } ul.main_menu>li { position:relative; height:30px; border-bottom:1px solid #d8dadc; } ul.main_menu>li:first-child, ul.main_menu>li:hover { border-top:none; padding-top:1px; } ul.main_menu>li>a { display:block; height:30px; width:100%; padding-left:32px; color:#5b646c; background:url(images/menu.png) 5px 9px no-repeat; text-decoration:none; font-weight:bold; white-space:pre; overflow:hidden; } ul.main_menu>li:hover>a { position:absolute;top:-1px;left:0;z-index:1; height:37px; color:#fff; background:url(images/menua.png) no-repeat; } -
Опять стало не понятно. Если это обязательное условие и высота левой колонки всегда больше на высоту футера чем высота правой колонки, тогда зачем обтекание. Путсь футер всегда будет находиться в правой колонке, а там уже будет прижат к низу.
-
Не работает для фиксированной высоты футера. А это одно из условий как я понял. Даже если сделать футер резиновым по высоте то, левая колонка не толкает вниз футер в низ. Например если левая будет в два раза выше правой то верх футера останется прижатым к низу правой колонки, при этом растянется в высоту. Подписался на тему, оч. интересно узнать ответ.
-
да, туплю. Но думаю понятно что я здесь не помощник, я даже в вопрос не могу вникнуть
-
А если футер вставить в правую колонку, тогда ведь он точно будет обтекать левую? Или я не прально понял?
-
Виртуалка. Посоветуйте чего, ничего нормально не пашет
rediskavet replied to flagreit's topic in Flame
Ставил с оф.сайта, какая версия не помню. Флешки не сувал, но вот интернет подхватил сразу без каких либо доп.действий. Ни фига ведь не убедительно, уверен что отклонения были связанны со шрифтами. Можно пример какой более конкретный? Да и на сколько критичны отклонения, верстка развалилась, блок съехал? Я до сих пор уверен что если на сайте используются безопасные шрифты, то достаточно проверить сайт в ИЕ 7/8/9(6-если есть такое требование), ФФ 3.6/4 и последних версиях сафари, хром, опера(для рунета). Если конечно не идет речь о мобильных версиях сайта. -
Виртуалка. Посоветуйте чего, ничего нормально не пашет
rediskavet replied to flagreit's topic in Flame
Браузеры ведь на всех осях одинаковые. Достаточно проверить что все шрифты используемые на сайте есть и на маках и на линуксах. По теме. Убунту нормально встает на виртулбох, макось не пробовал ставить. -
Похоже на hasLayout. Потому-что: 1. В начале у средней колонки был layout так-как у ней была обозначена высота, как только высоту убрали(отменили layout) отсупы пропали. 2. Если убрать высоту, а затем добавить zoom:1 то отступы появляются вновь. Подозреваю что фильтры делают то-же самое. Просто включают Layout. Как решить не знаю, обычно это свойство только включаю, не разу не приходилось отключать.
-
Доп.блок внутрь центральной колонки и ему задавать высоту. <div class="header-left"></div> <div class="header-right"></div> <div class="header-center"> <div class="header-center-height"></div> </div>
-
Если средней колонке убрать высоту, отступы пропадают. Вот можно так сделать, если высоту нельзя убирать у сред.колонки. Все что в ней обернуть в другой блок, и ему задать нужную высоту. body { background:url(../img/body.gif); background-repeat:repeat-x repeat-y; margin-left:0px; margin-right:0px; margin-top:0px; background-color: aqua; } .header-left { background-color: red; width:91px; height:230px; float:left; margin-left:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Header-left.png', sizingMethod='scale'); } .header-right { background-color: green; width:91px; height:230px; float:right; margin-right:0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Header-right.png', sizingMethod='scale'); } .header-center { background-color: silver; margin-left:91px; margin-right:91px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Header-center.png', sizingMethod='scale'); } .header-center div{ height:230px; }
-
Необязательно. Можно у тега <body> прописать класс и менять его в зависимости от выбранного пункта меню, затем дописать в ту-же таблицу стилей новые правила тем элементам которым нужно менять фон. Вот так: body.red элемент{ background-color: red; } body.black элемент{ background-color: black; } Вроде должно сработать и без дополнительных таблиц стилей.
-
Как-бы да, к этому и идет.ссылкв
-
Да не, ты не понял, я тебя минуснул и написал сообщение что-бы ты понял кто тебе минус влепил. Но все, мне уже надоело, ерунда какая то, репутация эта. Больше не буду ни кого минусить просто так.
-
Int - получай, за все!!
-
Great Rash - это я тебя минуснул, просто проверить хотел как это работает. Можешь со мной расквитаться таким же образом, мне пофиг. Зачем вообще репа тут нужна, чем будет полезна? Если бы тут было много сделок денежных тогда может и была бы польза, типа если заминусован значит остерегайся с ним иметь дело.
-
ie6 - не показывает. FF2 - показывает. opera 9.5 - показывает. Обсуждать не собираюсь, просто интересно вот такие имена классов и айдишников "Doctypes.Facade.News.Title" это человеком задается или это двиг на котором сайт работает? Если это человеческих рук дело то какие преимущества дает такое имя класса?
-
min-width вполне себе стандарт для резины. Почему? "Гибридные варианты" - это когда сайдбар фикс а колонка с контентом резина? По мне, это тоже резина.
-
Можно создать дополнительный профиль, а после обновить один из них на FF4.
-
А чем грозит картинка без обертки?
-
Зачем <article>, если это нумерованный список?
-
<p class="line"></p> Как то не к месту.
-
Много визуальных недочетов, я конечно макет не видел но уверен что там не так.
-
Перенести строку. После правила // div{float:left;border: 1px solid red;//color: black; width: 100%;margin-bottom:23px;
-
Я иногда для 6-7 стили вот так прячу color: black; //color: red; padding: 25px; Когда парсер переделает это в одну строку, то padding тоже не будет спрятан от нормальных браузеров.
-
Что-бы оценить, нужно по другим страницам походить. Там код старой версии, более особенный. Например отступы очень хитро заданны между текстовыми блоками.