X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Table - как избавиться от уменьшения ширины таблицы при уменьшении размера экрана?
eugen35
eugen35
Topic Starter сообщение 21.7.2014, 10:38; Ответить: eugen35
Сообщение #1


Table - как избавиться от автоматического уменьшения ширины таблицы при уменьшении размера родит. элемента?

Вот ссылка на мой код:
http://jsfiddle.net/KT5TC/1/

Менять ширину элемента можно, наведя мышь на правый его край, далее - зажимаете левую кнопку мыши и меняете размер элемента.

1. Попробуйте уменьшить размер внешнего div (двойная рамка) меньше ширины таблицы - таблица начнёт сжиматься.
Тот же эффект Вы достигнете если просто будете уменьшать размер окна браузера.

2. Попробуйте увеличить размер СТОЛБЦА таблицы (хочу менять именно ширину столбцов и чтобы край таблицы при этом менялся автоматически - для таблицы я не задаю WIDTH). Если Вы увеличиваете его так, что край таблицы достигает края внешнего div, то ширина столбца начинает увеличиваться, а таблица пытается остаться на странице полностью, уменьшая ширину других столбцов).

3. Примечательно, что розовый div ведёт себя вполне корректно - если все те же действия применить к нему.
http://jsfiddle.net/KT5TC/ - здесь розовый див шире таблицы, чтобы Вы увидели его поведение.


ВОПРОС: МНЕ ОЧЕНЬ НУЖНО ЧТОБЫ ТАБЛИЦА ВЕЛА СЕБЯ КАК РОЗОВЫЙ ДИВ В ОБОИХ СЛУЧАЯХ! А именно если она по АВТОМАТИЧЕСКОЙ ширине должна стать больше родительского элемента - чтобы становилась и при этом становилась активной полоса прокрутки. И НЕ ИСПОЛЬЗОВАТЬ ДЛЯ ЭТОГО ДОПОЛНЕНИЯ В JS-коде!

Можно ли вообще это сделать вёрсткой (css + html)?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 22.7.2014, 11:52; Ответить: Degradator
Сообщение #2


td {
min-width: 70px;
}
Это?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
eugen35
eugen35
Topic Starter сообщение 23.7.2014, 9:04; Ответить: eugen35
Сообщение #3


(Degradator @ 22.7.2014, 14:52) *
td {
min-width: 70px;
}
Это?

Мысль конечно не плохая. (а в другом форуме мне посоветовали white-space: nowrap; - добавил его сюда - немного лучше поведение). Тогда придётся вот так модифицировать скрипт http://jsfiddle.net/KT5TC/14/. Мне бы конечно хотелось оставить его универсальным. Тем более, что теперь он не сжимает ширину элемента меньше его содержимого, когда я этого хочу - посмотрите на дивы, да и на таблицу. Возникает мысль одновременно менять max-width. В общем подумать есть над чем. Хотя, вроде, я и не такое решение искал...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
eugen35
eugen35
Topic Starter сообщение 23.7.2014, 9:07; Ответить: eugen35
Сообщение #4


Хм... итог с max-width получился довольно универсальным! Спасибо. дальше поиграюсь. http://jsfiddle.net/KT5TC/15/

Даже большое спасибо! ) :) !!!
http://jsfiddle.net/KT5TC/15/

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1122 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2293 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3920 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3644 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1939 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 29.3.2024, 9:34
Дизайн