Забульбень еще один div.

Эдак и я умею. А ты Мурку без лишнего попробуй!

О! От поэтому Ты и — генерал! Прокатило!

Спасибо

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

Очень точно подмечено.

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

Да запили ты таблицу, чего с этими идиотскими дивами мучиться?

Зеленому блоку напиши в стилях overflow: hidden;

ППКС

Клоуны, что с них взять.

Вписывай overflow: hidden; для блока. Да и для #main можно.

С float-ами такое постоянно делать приходится.

Нужен еще один тэг, типа таблицы, но только без tbody, tr, просто <row><col></col><col></col><col></col></row>. Да, это можно сделать через inline-block, но не все. Таблица это просто уникальный элемент )

Нужен еще один тэг, типа таблицы, но только без tbody, tr, просто <row><col></col><col></col><col></col></row>

И зачем нужен этот лисапед если уже есть <tr><td></td><td></td><td></td></tr>? <col>, кстати, тоже есть.

без tbody, tr, просто <row><col></col><col></col><col></col></row>

Ты хочешь display: flex;

Таблица — уникальный по своему уродливому поведению элемент, тот самый, что «идёт в ногу, а все остальные не в ногу». Нормальный grid layout нужен.

Ты забыл еще table, а если совсем быть правильным то и tbody, а это лишняя писанина

Именно, но это пока working draft

И это тоже не помешает, ждемс...

Ты забыл еще table, а если совсем быть правильным то и tbody, а это лишняя писанина

Один „лишний” тег погоды не сделает, а tbody необязателен. Кроме того непонятно как ты собрался разграничивать две таблицы между собой в своём велике.

Флекс работает даже в моем «древнем» фф27.

tbody в HTML сериализации опционален, но в DOM он будет присутствовать.

Блин...проехали уже

Рад за фф, везде бы так

Товарищам stasov1, risenshnobel, Eddy_Em — огромное спасибо! overflow: hidden — то шо трэба

Если не делать доп. div-ов, то рассуждаем так: img участвует в нормальном потоке, т.е., следующий за ним div (id=block) располагается ниже и левее. Чтобы этого не происходило, нужно выключить img из нормального потока:

img {
  // float: left; -- не нужно
  position: absolute;
  top: 0;
  left: 0;
}

#main { padding-left: 180 px; }

Гм... действительно, ларчик открывается совсем просто! Мое решение можно не засчитывать.

Да это бред. Таблицы - для табличных данных. Дивы - для всего что угодно. Display: block - это не аналог таблицы и прямоугольный див это тоже не таблица. А тот, кто это не понимает - тем быстро читать доки твиттер бутстрапа для начала.

Таблицы - для табличных данных. Дивы - для всего что угодно

Ты высрал про семантику, когда речь идет про CSS. Что есть див? Что есть таблица? Ложки не существует. Я тебе на одних спанах могу сплясать.

твиттер бутстрап

Положи какашку на место.

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

весь остальной мир разобрался что и где использовать

<span style="display: block;"></span>

Можешь еще в какашке попробовать, будет тот же эффект:

<span class="row"></span>

И? Ты можешь все эти классы запихнуть в любые теги, это не говорит о том, что бутстрап говно. Перед кодингом нужно читать документацию: w3c, MDN - там всё написано, где что использовать и зачем. А не лезть рукой в сраку.

теперь точно пора

Коль у каждого свое разрешение, далеко на таблицах не уедешь. Дизайн должен быть максимально гибким. Хотя, с приходом в массы бутстрапа, мы снова вернулись де-факто к табличной верстке.

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

SEO продвижения

Убивать!

вес сайта меньше

4.2! Таблицей явно меньше будет, чем ненормальную css раздувать.

код менее избыточен

Ога, ога. ТЫ еще скажи, что код понятен... С таблицей сразу в исхдонике понятно, что как будет выглядеть, а с дивами пока в браузере не откроешь, хрен поймешь!