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

Table. Избавиться от уменьшения width при изменении экрана

+ Ответить

Сообщений: 3 Страница 1 из 1


Table. Избавиться от уменьшения width при изменении экрана

eugen35 » Пн июл 21, 2014 6:35 am

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

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

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

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

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

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


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

Можно ли вообще это сделать вёрсткой (css + html)?
Аватара пользователя

eugen35

  • Сообщения: 1
  • Зарегистрирован: Пн июл 21, 2014 6:21 am

Re: Table. Избавиться от уменьшения width при изменении экра

XainPro » Вт июл 22, 2014 12:46 pm

http://jsfiddle.net/KT5TC/13/

table-layout: fixed;
width: 200px;
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm

Re: Table. Избавиться от уменьшения width при изменении экра

Getrasikii » Вт фев 10, 2015 11:52 am

I have always enjoyed reading it.

ibcbet
Аватара пользователя

Getrasikii

  • Сообщения: 1
  • Зарегистрирован: Вт фев 10, 2015 10:29 am


+ Ответить

Страница 1 из 1