Верстка div-ами, как достичь нужного результата?

Задача сводится к следующему: есть div ширина которого определяется внешней разметкой, внутри него 2 div-a друг за другом. Нужно сделать так, чтобы если суммарная ширина 2-х div-ов больше ширины внешнего, то первый внутренний div должен обрезать свое содержимое так, чтобы оба он влезли.

указать max-width в процентах?

Тогда по крайней мере в FF все обрезается как нужно, но родительский div все равно растягивается на всю длину текста.

Как-то так: http://jsfiddle.net/SXzga/

Кстати: http://www.linux.org.ru/forum/web-development/8962259

Вряд ли, скорее всего он у тебя просто занимает все данное ему пространство

Как-то так:

Это хороший пример того как сделать правую часть, а мне левая нужна.

Вряд ли, скорее всего он у тебя просто занимает все данное ему пространство

Похоже играют роль какие-то другие стили или конструкции, на чистом примере воспроизвести не удается.

Но это не решает проблему, так как я не знаю сколько процентов занимает счетчик непрочитанных сообщений. Нужно, чтобы он всегда влезал, а оставшуюся часть занимало название.

В принципе подойдет вариант, когда название просто подползает под счетчик, я так понимаю это можно сделать плавающими div-ами, но не знаю как именно.

http://jsfiddle.net/SXzga/6/ такой вариант, единственно, центральный блок занимает все доступное место.

Альтернативное решение: взять любое стандартное дерево и выводить счётчик перед названием канала :)

Я обычно к разработке под веб имею мало отношения

Тогда зачем тебе div ? сделай на table tr td. 10 минут работы.

Это делается на на дивах, а на ul.

Золотые слова, Юрий Венедиктович…

плюсую, всё, что является списком, должно быть списком

Вопрос про форматирование одного элемента списка.

Вопрос про форматирование одного элемента списка.

что значит одного? У тебя дерево. Это список из списков, который имеет разные CSS классы, ну или измени ему параметры в зависимости от вложенности.

Сформировать нужно одну строку из приведенной каринки, например «Electronix.ru (1)». Каким боком тут ul?

тем, что у тебя все боковое меню есть список. Делать это дивами - идиотизм. Но видимо ты этого не понял, продолжай дальше городить 100500 дивов.

То что все боковое меню - это список я и так знаю, но делать одну строку из ul - это идиотизм.

так уж и быть:

<ul>
  <li class="title">New:</li>
  <li>
    <ul>
      <li>first feed</li>
      <li>second feed</li>
    </ul>
  </li>
  <li class="title">Feed:</li>
  <li>
    <ul>
      <li>first feed</li>
      <li>second feed</li>
    </ul>
  </li>
</ul>

Так понятнее?

Читай внимательно, а не только картинки смотри. Вопрос был про то как сформировать «first feed», «second feed». Если не заметил, там не просто текст, там иконка, название, счетчик непрочитанных и т.д.

И еще если «<li>first feed</li>» превратится в «<li>very l[o 150 раз]ng feed</li>», то дизайн не должен разъехаться, и счетчик должен быть виден.

для этого нужно почитать что такое CSS и JavaScript.

Слив засчитан.

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

как скажешь, гуру веб дева :)