[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Резиновая таблица
Invis1ble
Чет не могу сообразить, как грамотно реализовать следующее:
есть таблица, к примеру состоит из 2-х колонок (на самом деле их несколько). Все, кроме одной колонки, имеют фиксированную ширину, оставшаяся должна растягиваться по ширине (таблица должна быть 100% ширины родителя, но не более). Так вот запарка в том, что в колонке с "нефиксированной" шириной бывает контент без пробелов (длинные строки), который ломает верстку.
Поделитесь идеями реализации пожалуйста smile.gif

PS. Ширина родителя таблицы также неизвестна, т.к. верстка адаптивная.

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble
Сам спросил - сам отвечаю :) Решение:
table {
width: 100%;
table-layout: fixed;
}


_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

inpost
Invis1ble
забавный случай, я с этим же вопросом был на форуме, решение так и не нашли тогда smile.gif
Диву необходимо было указывать фиксированную ширину, иначе в некоторых браузерах он не работал и ехала ширина...
Что скажешь, это работает в ИЕ7? smile.gif

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Invis1ble
inpost
Насчет IE7 - хз, это интерфейс в админке, так что динозавров там не будет, поэтому на ишака я клал свой прибор smile.gif

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Winston
Цитата (Invis1ble @ 19.11.2012 - 11:54)
так что динозавров там не будет, поэтому на ишака я клал свой прибор

laugh.gif laugh.gif laugh.gif
asdf27
Цитата (Winston @ 19.11.2012 - 14:59)
Цитата (Invis1ble @ 19.11.2012 - 11:54)
так что динозавров там не будет, поэтому на ишака я клал свой прибор

laugh.gif laugh.gif laugh.gif

laugh.gif laugh.gif laugh.gif
inpost
Цитата (asdf27 @ 19.11.2012 - 23:45)
Цитата (Winston @ 19.11.2012 - 14:59)
Цитата (Invis1ble @ 19.11.2012 - 11:54)
так что динозавров там не будет, поэтому на ишака я клал свой прибор

laugh.gif laugh.gif laugh.gif

laugh.gif laugh.gif laugh.gif

laugh.gif laugh.gif laugh.gif

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.