Zaloguj | Zarejestruj | FAQ
Anonymous

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

+ Odpowiedz

Posty: 3 Strona 1 z 1


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

przez eugen35 » Pn lip 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)?
Avatar użytkownika

eugen35

  • Posty: 1
  • Dołączył(a): Pn lip 21, 2014 6:21 am

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

przez XainPro » Wt lip 22, 2014 12:46 pm

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

table-layout: fixed;
width: 200px;
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

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

przez Getrasikii » Wt lut 10, 2015 11:52 am

I have always enjoyed reading it.

ibcbet
Avatar użytkownika

Getrasikii

  • Posty: 1
  • Dołączył(a): Wt lut 10, 2015 10:29 am


+ Odpowiedz

Strona 1 z 1