LINUX.ORG.RU

Тянущиеся колонки. Как?

 , , ,


1

1

Тема стара как www. И все-же - как сверстать такое:

-----------------------------------------------------
| 1 | 2 |                 3                     | 4 |
-----------------------------------------------------

чтобы:

  • было на всю ширину страницы
  • 3-й блок должен растягиваться во всю ширину, а 1,2 и 4 - занимать ровно столько места, сколько им нужно
  • фиксировать ширину нельзя, даже в процентах/em

таблицами такое как два пальца, но они говорят не тру. как сделать div'ами? html5 flex - хорошо, но мне надо чтобы на всяких престарелых говнофонах работало в том числе (android 2.3, 4.0 etc)

★★★★★
Ответ на: комментарий от amomymous

оно! спасибо!

после них div c overflow: hidden (этот div встает в центр)

html - подарок инопланетного поттеринга, не иначе.

dib2 ★★★★★
() автор топика
Ответ на: комментарий от amomymous

Кстати, а можно сделать то же самое, но чтобы div с overflow:hidden потом не обрезал выступающие части? У содержимого потом проблемы с попапными менюхами и тенями. Вытаскивать менюхи наружу - не вариант (проще похерить overflow и задать margin, но не хочется).

Vit ★★★★★
()

Именно для этого таблицы и существуют. Что значит не тру ? Молоток у хипстеров - не тру. Гвозди забиваем айфоном ?

ovax ★★★
()

google display:table

anonymous
()
Ответ на: комментарий от ovax

Таблицы для отображения табличных данных. Для не табличных данных, как сказал предыдущий товарищ можно и display:table использовать, если конечно надо.

Jaberwock ★★★
()
Ответ на: комментарий от Jaberwock

Layout в CSS всё ещё продолжает быть никаким, так что не зазорно и таблицами. role=«presentation» напиши, если жжёт, и вперёд.

anonymous
()

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

anonymous
()
Ответ на: комментарий от Vit

Можно попробовать вместо overflow: hidden поставить какой-нибудь clear=both, а можно попробовать запихнуть внутрь блока с overflow: hidden какой-нибудь еще блок и попробовать ему позадавать разные свойства.

amomymous ★★★
()
Ответ на: комментарий от anonymous

Таблице и ячейке 3 ширину поставить 100%. ХЗ насколько по стандарту, но работает как надо.

amomymous ★★★
()

можно на абсолютах сделать

left: w1 + w2;
right: w4;

des75
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.