Сейчас на форуме: Kybyx, user99 (+2 невидимых)

 eXeL@B —› Оффтоп —› По css есть у нас спецы?
Посл.ответ Сообщение


Ранг: 756.3 (! !), 113thx
Активность: 0.610.05
Статус: Участник
Student

Создано: 09 июня 2014 23:42 · Поправил: Isaev
· Личное сообщение · #1

... а то на трёх известных мне форумах запостил и то ли всё в отпуске, то ли лень ребятам уделить 5 мин

Вот прототипчик накидал: --> Link <--
В нём несколько проблемм, которые хотелось бы решить.

1. В во-первых при растягивании окна браузера правильно она себя ведёт на данный момент в Opera, а в Firefox растягивается на всё окно за счет первого столбца... В опере первый столбик остаётся по ширине содержимого, как и должно быть.
2. В браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всего текста до конца страницы! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в Opera?

Заранее благодарен.

-----
z+Dw7uLu5+jqLCDq7vLu8PvpIPHs7uMh




Ранг: 53.9 (постоянный), 19thx
Активность: 0.040
Статус: Участник

Создано: 10 июня 2014 03:27
· Личное сообщение · #2

1. А чего хотите добиться ? И с чего вы взяли что в опере оно ведет себя правильно ?
.grid {width: 100%;}
td:first-child {width: auto;}
Можете попробовать width: auto; поменять на фиксированное значение.

2. Похоже на глюк оперы. Попробуйте заюзать user-select: none; (тогда нельзя будет выделить текст)




Ранг: 756.3 (! !), 113thx
Активность: 0.610.05
Статус: Участник
Student

Создано: 10 июня 2014 03:37 · Поправил: Isaev
· Личное сообщение · #3

Zorn пишет:
А чего хотите добиться ?

1. Таблицы все разные будут по ширине, потому делать max-width или фиксированное значение не хотелось бы... Потом таблицу обтекает div, потому он всегда будет разный в зависимости от ширины таблицы
2. Первый столбец по ширине содержимого, остальные фиксированной ширины.
3. При изменении размера страницы, таблица не должна искажаться... если страница уже, просто появляется scrollbar, а ширина столбцов не изменяется
Zorn пишет:
И с чего вы взяли что в опере оно ведет себя правильно ?

с того, что в опере работаю)
width: 100% пробовал уберать, получается не то. (таблица при сужении окна браузера начинает сжиматься как гармошка до куда позволяет содержимое, а надо чтобы её ширина не менялась)
Zorn пишет:
2. Похоже на глюк оперы. Попробуйте заюзать user-select: none; (тогда нельзя будет выделить текст)

Похоже, но он проявляется только при использовании display: inline-block; (вставлял чтобы div обтекал таблицу)... Если его убрать, выделение не глючит, но работает не так, как надо(т.к. div получается фиксированный только)... Нужен на него какой-то хак для оперы
вообще уберать выделение нельзя, там как раз надо данные копировать постоянно, но когда при этом начинает мерцать вся страница, это начинает раздражать

по кроссбраузерности inline-block есть статейка,
но там вроде для оперы никаких тонкостей не описано: --> Link <--

-----
z+Dw7uLu5+jqLCDq7vLu8PvpIPHs7uMh




Ранг: 53.9 (постоянный), 19thx
Активность: 0.040
Статус: Участник

Создано: 10 июня 2014 05:33
· Личное сообщение · #4

Isaev пишет:
Таблицы все разные будут по ширине, потому делать max-width или фиксированное значение не хотелось бы...

http://htmlbook.ru/css/table-layout
fixed
...
Для корректной работы этого значения обязательно должна быть задана ширина таблицы.

100% для таблицы все ломает.
Опускаю руки




Ранг: 756.3 (! !), 113thx
Активность: 0.610.05
Статус: Участник
Student

Создано: 10 июня 2014 07:19
· Личное сообщение · #5

Zorn пишет:
100% для таблицы все ломает.

что ломает то не понял.. там по твоей ссылке в примере даже так же стоит
Code:
  1. table {
  2.     table-layout: fixed; /* Фиксированная ширина ячеек */
  3.     width: 100%; /* Ширина таблицы */
  4.    }


-----
z+Dw7uLu5+jqLCDq7vLu8PvpIPHs7uMh




Ранг: 53.9 (постоянный), 19thx
Активность: 0.040
Статус: Участник

Создано: 10 июня 2014 07:50
· Личное сообщение · #6

Если поставить фиксированную ширину (например 400px) - получается, то что ты хочешь.
По логике он все правильно делает.
100% от чего ?
От страницы - держи динамический первый столбик. От дива - так у него ширина тоже не задана.
Поэтому
Zorn пишет:
Опускаю руки





Ранг: 756.3 (! !), 113thx
Активность: 0.610.05
Статус: Участник
Student

Создано: 10 июня 2014 14:55
· Личное сообщение · #7

Ладно, это не так страшно, буду значит для каждой таблицы искать ширину и задавать её жёстко, хотя это странно, что нельзя это сделать универсально

Меня больше беспокоит баг с выделением в опере, по нему есть какие-то соображения?

-----
z+Dw7uLu5+jqLCDq7vLu8PvpIPHs7uMh




Ранг: 53.9 (постоянный), 19thx
Активность: 0.040
Статус: Участник

Создано: 11 июня 2014 03:51 · Поправил: Zorn
· Личное сообщение · #8

Поставил последнюю оперу (22.0.1471.50).
Во первых - ведет себя так же как остальные (первая колонка резиновая)
Во вторых - мерцания нет.
Выводы думаю очевидны ?

И сразу вспомнил как когда то давно увидел ужас в опере (тоже в какой то из 10х версий) на одном купленном шаблоне, который подгонял для заказчика (им же купленным). Поламоло его шопистец и было высказано много нелестных слов в сторону оперы. Благо после обновы стало выглядеть, как в других брузерах.
Даже на ссаном ИЕ7 все норм выглядело тогда

ADDED
А ну да - она же на вебкит перешла.




Ранг: 756.3 (! !), 113thx
Активность: 0.610.05
Статус: Участник
Student

Создано: 11 июня 2014 07:10
· Личное сообщение · #9

на 22 тоже нормально... но не то чтобы нормально, она вообще убогая стала ))) в смысле опера,
а до 12 такая бяка...

-----
z+Dw7uLu5+jqLCDq7vLu8PvpIPHs7uMh



 eXeL@B —› Оффтоп —› По css есть у нас спецы?

У вас должно быть 20 пунктов ранга, чтобы оставлять сообщения в этом подфоруме, но у вас только 0

   Для печати Для печати