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 Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Pavelbeginner
Отправлено: 30 Июля, 2013 - 14:08:16
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


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




Такая проблема: у таблицы установлено свойство table-layout:auto. Ширина ячейки зафиксирована width:100px. Но в некоторых браузерах эта ячейка становится шире, если блок-контент шире этих 100px, либо еще при разных условиях. Как зафиксировать ширину ячейки, чтобы она потом не меняла значение ширины? Установив для таблицы table-layout:fixed, работает как надо, но! В некоторых браузерах, в частности в safari, блочная модель ячеек становится border-box, то есть задав ячейке width:100px;padding-right:50px, в итоге ширина padding-right войдет в значение width, то есть общая ширина ячейки будет 100px.
 
 Top
IllusionMH
Отправлено: 30 Июля, 2013 - 14:19:35
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


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




Pavelbeginner, кроссбраузерно только дивом фиксированной ширины
 
 Top
armancho7777777 Супермодератор
Отправлено: 30 Июля, 2013 - 14:50:20
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


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




Pavelbeginner, для чего будет использована данная таблица ?
Для представления данных, или вёрстки ?
 
 Top
Pavelbeginner
Отправлено: 30 Июля, 2013 - 14:57:40
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


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




armancho7777777 пишет:
Pavelbeginner, для чего будет использована данная таблица ?
Для представления данных, или вёрстки ?
Для формы с инпутами и текстариями.
 
 Top
DelphinPRO
Отправлено: 30 Июля, 2013 - 15:02:39
Post Id



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


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


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




очевидно, что


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
armancho7777777 Супермодератор
Отправлено: 30 Июля, 2013 - 15:02:50
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


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




Pavelbeginner, разметку со стилями покажите.
И почему не дивами?
Таблицей проще ?

DelphinPRO
Pavelbeginner пишет:
Установив для таблицы table-layout:fixed, работает как надо, но! В некоторых браузерах, в частности в safari, блочная модель ячеек становится border-box
 
 Top
Pavelbeginner
Отправлено: 30 Июля, 2013 - 15:14:26
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


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




armancho7777777 пишет:
И почему не дивами?
Таблицей проще ?

По простоте одинакого. Просто нужно, чтобы, например, в левой колонке был лейбл, а в правой текстария и оба этих элемента были выравнены по вертикали по середине. Конечно можно сделать это и с помощью дивов, задав нужный отступ сверху у лейбла, чтобы стал на по центру текст по вертикали, но сайт многоязычный и в каком-нибудь языке текста получится в лейбле на две/три строки. А проверять это и добавлять модификатор с нужным отступом под каждую культуру не хочется.
 
 Top
DelphinPRO
Отправлено: 30 Июля, 2013 - 15:20:07
Post Id



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


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


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




ну так установите box-sizing для ячеек принудительно Улыбка


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
armancho7777777 Супермодератор
Отправлено: 30 Июля, 2013 - 15:24:20
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


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




Если так только )
Тоже была такая мысль, но оставил на потом )
 
 Top
Pavelbeginner
Отправлено: 30 Июля, 2013 - 15:27:33
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


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




DelphinPRO пишет:
ну так установите box-sizing для ячеек принудительно Улыбка
Так устанавливал box-sizing:content-box, но как минимум в safari не работает
 
 Top
IllusionMH
Отправлено: 30 Июля, 2013 - 15:40:49
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


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





Выравнивание label по середине высокого элемента (textarea к примеру) по высоте - ИМХО плохая идея, особенно если несколько таких подряд.
Лейблы лучше воспринимаются над элементом, либо на уровне верхней границы.
 
 Top
armancho7777777 Супермодератор
Отправлено: 30 Июля, 2013 - 15:49:06
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


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




Pavelbeginner, изображение желаемого результата хоть покажите.
 
 Top
Pavelbeginner
Отправлено: 30 Июля, 2013 - 15:52:36
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


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




armancho7777777 пишет:
Pavelbeginner, изображение желаемого результата хоть покажите.

Прикреплено изображение (Нажмите для увеличения)
Untitled-1.png
 
 Top
DeepVarvar Супермодератор
Отправлено: 30 Июля, 2013 - 15:53:12
Post Id



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


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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




Вот уже с каменного века верстаю формы дивами:
CODE (html):
скопировать код в буфер обмена
  1. <div class="label">Название:</div>
  2. <div class="elem"><input type="text" name="name" value="" /></div>

Сюда только надо добавить реальный <label> но это не проблема.
 
 Top
Pavelbeginner
Отправлено: 30 Июля, 2013 - 15:56:07
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 882
Дата рег-ции: Март 2010  


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




DeepVarvar пишет:
Вот уже с каменного века верстаю формы дивами:
CODE (html):
скопировать код в буфер обмена
  1. <div class="label">Название:</div>
  2. <div class="elem"><input type="text" name="name" value="" /></div>

Сюда только надо добавить реальный <label> но это не проблема.


Если расскажете как сделать без js-а выравнивание по вертикали внутри колонок, то мгновенно перехожу на дивы для форм.
 
 Top
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB