ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 2 колонки одна из которых меняет свою ширину
14 сообщений из 14, страница 1 из 1
2 колонки одна из которых меняет свою ширину
    #38493049
aabatov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aabatov
Гость
Нужно сверстать 2 колонки. Первая имеет переменную длину. Т.е. ее ширина зависит от внутреннего содержимого. Вторая колонка должна занимать все оставшееся свободное пространство. Подскажите как это сделать?
...
Рейтинг: 0 / 0
08.12.2013, 01:54
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38493144
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
aabatovПодскажите как это сделать?
Как вариант - таблицей.
Первой колонке дать ширину в 1%...
...
Рейтинг: 0 / 0
08.12.2013, 10:30
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38493210
aabatov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
aabatov
Гость
я вот тоже склоняюсь в сторону таблиц. Решил делать с помощью свойств display: table;display: table-row;display: table-cell;
...
Рейтинг: 0 / 0
08.12.2013, 13:11
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38493313
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
aabatovРешил делать с помощью свойств display: table;display: table-row;display: table-cell;
Чем людям нативные таблички не угодили...
...
Рейтинг: 0 / 0
08.12.2013, 17:32
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38493737
Фотография Zick
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zick
Участник
aabatov,

http://jsfiddle.net/8zx67/
...
Рейтинг: 0 / 0
09.12.2013, 10:41
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38493752
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Zick http://jsfiddle.net/8zx67/
У тебя точно указана ширина левого блока
Код: css
1.
width: 200p;


А ТСу нужно
aabatovПервая имеет переменную длину. Т.е. ее ширина зависит от внутреннего содержимого . Вторая колонка должна занимать все оставшееся свободное пространство.
Т.ч. твоя попытка не канает...
...
Рейтинг: 0 / 0
09.12.2013, 11:01
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38494213
Фотография Zick
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zick
Участник
krvsa, мозг подключить не пробовали?
http://jsfiddle.net/8zx67/2/
...
Рейтинг: 0 / 0
09.12.2013, 15:30
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38494217
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Zickkrvsa, мозг подключить не пробовали?
http://jsfiddle.net/8zx67/2/
Ты сам-то пример свой смотрел?
...
Рейтинг: 0 / 0
09.12.2013, 15:33
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38495047
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Что с его примером не так?
но имхо таблица это хороший вариант
...
Рейтинг: 0 / 0
10.12.2013, 10:19
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38495071
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Малыхин СергейЧто с его примером не так?
Т.е. по картинке, что я привел, этого не видно?
...
Рейтинг: 0 / 0
10.12.2013, 10:37
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38495079
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Видно две колонки с разным текстом левая колонка подстраивается по ширине контента.
Что именно не так в приведенном примере?
...
Рейтинг: 0 / 0
10.12.2013, 10:42
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38495116
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Малыхин Сергей , т.е. черный текст на синем фоне уже никого не смущает? И то, что вторая колонка "не занимает все оставшееся пространство" так же не важно?

Если все это так - тогда действительно этот пример то, что нужно автору!
...
Рейтинг: 0 / 0
10.12.2013, 11:03
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38497004
Фотография Zick
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zick
Участник
krvsa, во-первых "черный текст" находится в ПРАВОЙ колонке, а во-вторых, по крайней мере в хроме, фф и опере все, как "заказывали". Глаза разуй и посмотри в разметку в примере.
...
Рейтинг: 0 / 0
11.12.2013, 14:14
| Ответить | Цитировать | Написать  
2 колонки одна из которых меняет свою ширину
    #38497017
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Zickkrvsa, во-первых "черный текст" находится в ПРАВОЙ колонке, а во-вторых, по крайней мере в хроме, фф и опере все, как "заказывали".
Т.е. так клиентам все и объяснять?

М. ЖванецкийА что, нормальное, говорю… Они же объяснили, что этот заболел, а там подкладка, усадка, девочки молодые шьют, а на семьдесят рублей никто не идет. …
Юмореска "Нормально, Григорий!"

ZickГлаза разуй и посмотри в разметку в примере.
Я-то всеее вижу. Даже на картинке результат показал...
Картинка кстати из Оперы и делалась...
...
Рейтинг: 0 / 0
11.12.2013, 14:21
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 2 колонки одна из которых меняет свою ширину
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38494213&tid=1447572]:
 0ms
get settings:
 9ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 151ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 203ms
total:  429ms
созд. / загр.: 429ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]