Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Ширина ячеек таблицы

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Арикус
Отправлено: 12 Августа, 2015 - 14:54:59
Post Id



Гость


Покинул форум
Сообщений всего: 123
Дата рег-ции: Июнь 2015  
Откуда: Москва, Россия


Помог: 0 раз(а)




Существует большая таблица. Я заменил содержимое ячеек на ... (последняя строчка - контрольная, чтобы не нарушалась структура таблицы, если все строки будут объединённые)

CODE (html):
скопировать код в буфер обмена
  1. <table class="wide" cellspacing="15" cellpadding="10" border="0">
  2.         <tr class="borderRed"><td class="tdUser">...</td> <td colspan="2">...</td> </tr>
  3.         <tr> <td colspan="3">...</td></tr>
  4.         <tr> <td colspan="3">...</td> </tr>
  5.         <tr class="borderGreen"> <td colspan="2">...</td> <td class="tdVar">...</td></tr>
  6.         <tr> <td class="tdUser">&nbsp;</td> <td>&nbsp;</td> <td class="tdVar">&nbsp;</td></tr>
  7. </table>

где
CODE (html):
скопировать код в буфер обмена
  1. .wide {width:100%}
  2. td.borderRed, div.borderRed, tr.borderRed td {border: 3px solid #ff0000; border-radius:10px}
  3. td.borderGreen, div.borderGreen, tr.borderGreen td {border: 3px solid #00cc00; border-radius:10px}
  4. td.tdUser {width:20%; font-size:larger; line-height: 1.1}
  5. td.tdVar {vertical-align:middle; text-align:center; width:15%}

Проблема в том, что, несмотря на указанное width:15% , последняя колонка делит свободное место (в предпоследней строчке) со средней, в результате чего она примерно в 2 раза шире. Как сделать так, чтобы при наличие свободного места колонки не превышали установленной ширины? max-width пробовал, совсем не работают.
 
 Top
DelphinPRO
Отправлено: 12 Августа, 2015 - 16:33:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




CODE (css):
скопировать код в буфер обмена
  1. table {
  2.   table-layout: fixed;
  3. }

(Добавление)
вот, накидал примерчик ваш исправленный
http://jsfiddle[dot]net/rfgfr7qn/


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Арикус
Отправлено: 13 Августа, 2015 - 12:38:25
Post Id



Гость


Покинул форум
Сообщений всего: 123
Дата рег-ции: Июнь 2015  
Откуда: Москва, Россия


Помог: 0 раз(а)




DelphinPRO
CODE (SQL):
скопировать код в буфер обмена
  1. TABLE.wide {table-layout: fixed;}

Каким-то странным образом добавление этой строчки ещё больше расширило последнюю колонку.
Создание нового класса и его применение только к рассматриваемой таблице не изменило ситуацию по сравнению с первоначальной

(Отредактировано автором: 13 Августа, 2015 - 12:39:34)

 
 Top
DelphinPRO
Отправлено: 13 Августа, 2015 - 16:43:20
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




Арикус
Вы видимо поленились посмотреть мой пример по ссылке... печально...


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Арикус
Отправлено: 14 Августа, 2015 - 14:45:31
Post Id



Гость


Покинул форум
Сообщений всего: 123
Дата рег-ции: Июнь 2015  
Откуда: Москва, Россия


Помог: 0 раз(а)




DelphinPRO
Теперь увидел, раньше просто не обратил внимание.
В вашем варианте установление ширины происходит очень жёстко: если, к примеру, в правой колонке находится длинное слово большим шрифтом, то его край вылезает за таблицу.
Нет ли более мягкого варианта, который ограничивал бы только распределение свободного места?
 
 Top
DelphinPRO
Отправлено: 14 Августа, 2015 - 21:10:10
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




Попробуйте убрать fixed, а контрольную строку пустых ячеек поставить первой, как у меня в примере. Возможно получится.
(Добавление)
И кроссбраузерность проверьте. Я что-то уже не уверен в этом.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Арикус
Отправлено: 14 Августа, 2015 - 22:29:14
Post Id



Гость


Покинул форум
Сообщений всего: 123
Дата рег-ции: Июнь 2015  
Откуда: Москва, Россия


Помог: 0 раз(а)




DelphinPRO
Контрольную строку первой уже сделал. Без fixed вид как в первоначальном варианте.
Видимо, придётся оставлять как есть. Ну да ладно, это не принципиальный момент. Просто выглядит криво.

(Отредактировано автором: 14 Августа, 2015 - 22:29:52)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB