Подразделы в столбик - вариант 2

Не раз я писала по поводу нормальных браузеров. Они понимают CSS только для стандарта. Реально в дивной вёрстке они не умеют работать. Только ослик понимает чистую дивную вёрстку. Для правильного браузера нужен костыль в виде псевдотаблиц. Порядок такой. Внешнему диву даёте свойство TABLE а внутреннему TABLE-CELL - это будет эквивалент таблицы. Теперь задаёт в ячейке позицию, как обычно ВОТТОМ.

 

Я же написал в чём была проблема. Вёрстка полетела из-за отсутствия float у дочернего элемента. Таблицы тут вообще не при чём, к тому же чтобы на них сделать тоже самое сделать то придётся потратить уйму времени.

 

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

Тему я всю не читала, если решение нашлось, то извиняюсь за то, что написала не впопад.

 

Для таких случаев уже давно придумали inline-block и vertical-align. Который ie конечно же не понимает.

 

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

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

 

у каждого верстальщика свои стандарты.
с лиса бесполезно спорить - у нее свои идеалы...

P.S. IE очень хороший пинок под зад для других брозеров...

 

а как сделать что бы показывало например вложенность (глубина) до 3 или 2 или 4 подразделов

 

Сообщения касательно браузеров перенесены в новую тему http://www.xf-russia.ru/forum/posts/14514/

 

Как то точки возле подразделов не правильно отображаются , шаблон social, xenforo 1.0.4


Так отображается в FireFox, а гугл хроме нормально!
--- добавлено : Jul 27, 2011 11:24 AM ---
Извините в теме уже есть решение, не внимательно прочитал

 

Надо бы его в первый пост добавить.
В .subForumsPopup .dot {..} добавить float: left;
Romchik®, не поможешь?

 

а как сделать что бы отображалось и так
у меня сделано так:
категория
- раздел
-- раздел
--- раздел
а при таких настройках как у вас отображается только так:
категория
- раздел
-- раздел
то-есть глубина до 2-ух а надо до 3-х

 

Есть реальный сайт, чтобы посмотреть? (Если страшно светить, то в ЛС)

 

www.schoolkuban.ru
катагория - Форум школ и детских садов
- раздел Новокубанск
-- раздел Форум школ - Новокубанск
--- раздел Школа № 6 п. Прогресс
а видно только так :
катагория - Форум школ и детских садов
- раздел Новокубанск
-- раздел Форум школ - Новокубанск

 

Я имел ввиду сайт с уже установленным хаком. Мне нужно видеть вашу структуру разделов.

 

я уже перекинул с денвера на сайт можете посмотреть

 

А как можно правильно разбить на 3 столбика?

 

33% - только так и то на свой страх и риск
если быть точнее то тут:

Код:

  .subForumsMenu ol li {
      width: 25%;
      float: left;
  }

сделать так:

Код:

  .subForumsMenu ol li {
      width: 33%;
      float: left;
  }

 

Это все я прочитал, там написано делать на свой страх и риск!!!
Вопрос был "А как можно правильно разбить на 3 столбика?"

 

а больше других вариантов нету то-есть есть ширина 100% делим на 3 получается грубо 33%.
попробуй сделать в PX-ях

 

У меня стиль резиновый