Форумы портала PHP.SU :: Версия для печати

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
Форумы портала PHP.SU :: Версия для печати :: высота CSS в firefox

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » высота CSS в firefox

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

1. Арикус - 28 Октября, 2015 - 11:29:52 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

.storona-pl {height:100%; width:55px;}
.storona-vn {width:100%; height:40px;}

Первый из приведённых мною классов в Firefox не растягивается по вертикали, хотя второй отлично растягивается по горизонтали. В остальных браузерах всё в порядке. Оба класса применены к img

2. DelphinPRO - 28 Октября, 2015 - 12:49:19 - перейти к сообщению

В отрыве от контекста немного не понятно.

Согласно спецификации высота элемента в процентах не может быть задана, если у родителя тоже не задана высота.

Больше информации нужно.
А лучше - выжатый примерчик с проблемой, опубликованный на http://jsfidlle[dot]net

3. Арикус - 28 Октября, 2015 - 13:30:33 - перейти к сообщению

Изображение находится в ячейке таблицы.

CODE (html):
скопировать код в буфер обмена

<td width="55"> <img src="image/storona-l.png" class="storona-pl" /> </td>

На jsfiddle будет много лишней информации, да и изображения туда, вроде, загрузить нельзя. У этой ячейки высота не задана напрямую, но она составляет в данном случае порядка 600 пикселей. Тем не менее, как я уже говорил, изображение не растягивается.

4. DelphinPRO - 28 Октября, 2015 - 14:08:47 - перейти к сообщению

Арикус пишет:

У этой ячейки высота не задана напрямую,

ч.т.д.

http://jsfiddle[dot]net/qfzq1hu9/1/
(Добавление)

Арикус пишет:

На jsfiddle будет много лишней информации

Лишнюю не надо. Я же сказал - выжимку проблемы. Смотри как я сделал - ничего лишнего, только код, воспроизводящий проблему.