Artlive

Коллеги, помогите, пожалуйста.

Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3

Спасибо.

Например так. Увеличте высоту у #block2 или #block3 и #blok3 уйдёт.

Спасибо большое!

Имеем:

блок 1 — с динамической высотой

блок 2 — определенной высоты, виден в любом случае

блок 3 — определенной высоты. Его нужно скрывать, если сумма высот 2 и 3 больше, чем высота 1.

Как это лучше придумать?

Спасибо.

http://jsfiddle.net/L4zt4cz5/2/

О как... Понял.

Спасибо большое!

Коллеги, загвоздка, помогите разобраться.

Проблема

Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.

Задача: элегантно сделать такую штуку:

блок с контентом имеет фиксированную ширину и отцентрован. Все остальное пространство (слева-справа) нужно сделать кликабельным. Причем без всяких onclick, а натурально через <A>.

Придумал несколько вариантов, но все безбожно кривые.

Заранее благодарю за ответ или за наводку, что где посмотреть.

А слона-то я и не приметил =) Практики мало. Спасибо большое

Помогите, пожалуйста, разобраться:

Пример

Суть: в классе b1 есть "background-color:#cccccc;". Но это же свойство влияет и на ссылку в b2, если нажать мышь и не отпускать. Что я делаю не так? Как избежать влияния свойств ссылок в b1 на b2?

Всю жизнь на подхвате был IBM WebSphere — удобно было проверять на элементарные ошибки типа не закрытых тегов или кривых вложений.

В Windows 8.1 он работать перестал.

Поискал — все не то. Повседневный RJ TextEd всем хорош, но вот проверять такие ошибки не умеет.

Кто что подскажет, в идеале — из бесплатного.

Спасибо =)

Проблему решили?

сброс стилей делали?

FF последний, проблем нет

Не решили

Сброс стилей где? =) В примере?

Проблема не в отдельно FF и не в отдельно в Chrome (и да, нужна Windows 7 и выше). Проблема в сравнении: берем блок, пишем в нем указанным шрифтом что угодно, открываем в FF и Chrome, сравниваем получившуюся высоту блока. Она будет отличаться на 1 пиксель.

SelenIT вот пишет, похоже, и правда то, что мне удалось саму понять или вычитать: проблема в субпиксельном рендеринге. Вопрос, при каких обстоятельствах браузер "округляет" высоту шрифта до той, или иной величины. Это дебри, да, но неизученные практически никак, т.к. в принципе самой проблеме всего пару лет (с выхода FF 4).

Практически, да, 1px погрешности из-за разницы в рендеринге шрифтов (кроме Fx, свой субпиксельный рендеринг бывает еще у IE9+, а еще есть веселуха Win vs. Mac) — абсолютно нормальное и допустимое явление.

Нормальное явление, что у них свой субпиксельный рендеринг? Да. Нормальное, что разное? Нет, конечно.

Пиксельхантерство тут ни при чем. У меня скорее спортивный интерес к решению задачи, а не прикладной (хотя и использовать тоже можно будет, почему нет).

Запрос в гугл: "firefox chrome padding"

Я искал уже очень много, но рецепта не нашел.

Только я не понимаю, у меня одного эта проблема вызывает душевные страдания, а практически всем на разницу в 1px с высокой колокольни? =)

Из-за паддинга, очевидно же.

Уберите верхний и нижний отступы, поставьте line-height: 35px; и будет счастье.

Ну вы же понимаете, что ничего не поменяется? Да, будет одинаковая высота A, но положение текста внутри будет разным. У FF на 1px сверху отступ будет больше.

Т.е. мы просто перенесли этот 1px в другое место.

хп

XP не годится, слишком уже большая разница в отображении там от среднеюзерского на 7/8

Windows 7/8/8.1?

Может, я сошел с ума, но я не понимаю, откуда это берется.

Пример.

Проблема:

Firefox:

Chrome:

Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху.

Почему такая разница, откуда берется, как убрать?

Спасибо.

Странный то ли глюк, то ли что. Одна и та же картинка (jpeg) во всех браузерах показывается ок, а вот в Chrome — с какими-то артефактами, будто она пережата (особенно заметна какая-то полоса справа). Пример в аттаче (слева — FF, IE, etc., спарва — Chrome). Смотреть, видимо, нужно не в Chrome =)

Кто-то сталкивался с таким? В чем корень проблемы? Спасибо.

А как можно выбраться из overflow:hidden? Допустим, внутри этого элемента выпадающий список. Но он, распахиваясь за переделы родительского элемента, обрезается. Не меняя overflow:hidden у родителя, можно как-то вырваться из него?

А наделай скриншотов с разными ситуациями, что должно быть и не должно.

Да, в общем, выглядит все просто

Ширина желтого зависит от слова внутри него

Ширина голубого — все оставшееся резиновое место. Внутри — текст, который никуда не должен вылезать, а сидеть внутри DIV'a, переносясь на то количество строк, которое потребуется.

На таблицах — проще простого. А вот с блоками — затык :-)

Artlive, не совсем понятно. Если строка первого дива заполняет всю ширину, то второй должен исчезнуть или как? Что во втором диве? Если текст, то как он должен отображаться при изменении ширины(исчезать, переноситься)? Высота родителя и дивов, как я понимаю будет фиксирована и равна размеру шрифта+паддинги?

1. Строка первого дива ни при каких обстоятельствах все не займет. Так что второй див есть всегда

2. Второй див - текст. Он должен помещаться весь, переносясь на то количество строк, которое для этого потребуется

3. Высота (т.е. именно высота) дивов такая, какая им нужна, т.е. не фиксируется никак

Прошу совета.

Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство.

Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый.

Как быть?

<DIV style="float:left"><NOBR>Фраза</NOBR></DIV>

<DIV style="float:left">текст</DIV>

Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.

Спасибо всем за ответы.

Как оказалось, проблема и правда в настройках FF. А именно: при отключенном аппаратном ускорении (которое корежит шрифты), возникает такой вот эффект. Бред

Всеми привет

Бьюсь всю ночь... Не могу понять. Есть код (черновой вариант). Суть: Firefox показывает лишний отступ в 1px. Вот черная полоска (бордер) над красным прямоугольником "Пурум"... Chrome, Opera ее перекрывают, а FF нет (IE тоже нет, но с ним хоть ясно, как бороться). Что может быть не так? Что я не учитываю? Спасибо.

<BR><BR><BR><BR><BR><BR>
<DIV style="background-color:#EFEFEF; border-top:1px solid #000000; border-bottom:1px solid #000000;">
<TABLE width="100%" cellspacing="0" cellpadding="0" style="position:relative;top:-28px;">
<TR>
<TD valign="top"><DIV style="float:left; font:20px/24px Arial; font-weight:bold; margin:0 30px 0 0;">Название</DIV></TD>
<TD width="100%">
<DIV style="font:11px/14px Tahoma; margin:0 0 16px 0;">Пум</DIV>
<DIV style="font:16px/19px Arial;"><A style="background-color:red; color:#ffffff; padding:3px 9px 4px 9px; margin: 0;"  href=1>Пурум</A></DIV>
</TD>
</TR>
</TABLE>
</DIV>

Сто лет назад уже обсуждали. В поиске навряд ли удастся сейчас найти, так что запощу из своих закромов:

Благодарю!

Коллеги, прошу помощь зала. Не нашел оптимального варианта.

Задача: три колонки: левая резиновая, центральная фиксированная, правая опять резиновая

Заранее благодарю.

Ничего не придумалось. Нужно всего-навсего:

Не понимаю, как. Да, в левом, резиновом блоке, будут еще колонки, резиновые же.

Заранее спасибо.