Страницы: 1
В ФФ идеальным оказалось такое решение:
<div style='position: relative;'><input type='text' style='position: absolute; left: 0; right: 0;'></div>
При его вставке в ячейку таблицы, поле ввода полностью заполняет ячейку и никуда не вылазит. Но в ИЕ и Опере поле ввода при таком решении вообще не растягивается.
Вот блин, лечится только удалением DOCTYPE. Но при этом калечится остальное.
Эх... Опять столкнулся с проблемой 100% ширины. Нужно растянуть input (текстовый) на ширину ячейки таблицы. У поля ввода, естественно, имеется padding и border, из-за которых оно вылазит за пределы ячейки. Кто-то знает как бороть?
Сайт работает. Временно отключали из-за нагрузки на сервер.
Теперь привожу результаты теста определения ширины горизонтальной линии HR. С задачей корректно справился только ИЕ, как ни странно. А фаерфокс загадочно отреагировал на явное задание ширины в 100%, хотя она такая по умолчанию и есть. В Опере, кроме некорректного определения ширины вылезла ещё проблема со шрифтами (№).
http://domanet.org.ua/browsers/hr_width.html
Народ! Альтернативный текст, он на то и альтернативный, чтоб использоваться как альтернатива незагруженной картинке. А title - он везде title, и работает одинаково для всех элементов: картинок, ссылок, просто текста... Используйте для всптывающих подсказок именно title.
А вот и не верно. Я уже вычитал, что фактические размеры не соотверствуют заданным в width/height, но можно смирться и подстраиваться по это. Но!!! В стилях указанно, что отступы со всех сторон одинаковые. А что мы видим на результатах? Получается, что при вычислении браузером размеров учитываются не все отступы, а при отображении пытаются отрисовать те что задано. Таким образом иногда внутренний блок может даже "вылезти" из внешнего.
Так не хотелось, но зарегился на Багзилле, и оставил сообщение.
Опишите кто-то им правильно проблему на английском. Я то отчёт отсылал в картинках, но мало-ли... В тесте разными способами вставлялся блок с внешними отступами (margin: 10px) и максимальных размеров по ширине и высоте (100%) в блок с внутренними отступами (padding: 10px) и размерами 100х100. В третьем тесте внешний блок не отображается, так-как он является элементом TR, а ему указанные свойства не назначаются (они определяются по элементам TD внутри него).
Да, и может кто-то считает, что я нарисовал в первой колонке некорректные требуемые изображения, то выслушаю мнения. Просто код на столько примитивен, что вариантов других и не вижу (разве что 3-й тест мог отличаться). Замечу, что код уже проверен валидаторами на соответствие стандартам.
--
С уважением, Юрий Апостол
Всегда считал, что в Фаерфоксе правильно поддерживаются стили. Особенно волновали отступы (padding, margin), так-как часто приходилось подгонять код. Решил проверить это, в сравненипи с другими браузерами, вышло, что ни один не работает так как нужно.
Вобщем, смотрите сами: http://domanet.org.ua/browsers/padding-test.html
Результат тестов: http://domanet.org.ua/browsers/paddingmargin.png
--
С уважением, Юрий Апостол
Страницы: 1