Спасибо заранее!
| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Проценты от остатка |
| Автор: Deadcow 8.11.2010, 13:43 |
| Подскажите пожалуйста... существует таблица в три строки, средняя фиксирована в пикселях, нужно, что бы первая и последняя строка занимали ровно по половине оставшегося пространства... Я сколько не работал, как то не вставало такой задачи, и думал выставление процентов автоматически высчитывается из остатка, но нет. Выставляю в первой и 3-й строке height=50% либо height=#, и первая строка занимает 50% экрана, а последняя остаток. Как сделать, что бы всё стояло ровненько? Спасибо заранее! |
| Автор: Rayled 8.11.2010, 14:09 | ||||
Deadcow, код ниже, правда там в IE 6 и 7 таблица уходит за экран на высоту средней ячейки. Могут помочь хаки-костыли. Да, и этот код для разметки страницы, если вам не для этого, то можно CSS немного укоротить. А вообще интересно у вас получается - говорите правильно:
А делаете неправильно, видимо не для строки, а для ячейки, то есть не для TR, а для TD. 
|
| Автор: Deadcow 8.11.2010, 14:46 | ||||
Прописывал именно в строке, конечно, а не в ячейке. Добавлено через 6 минут и 21 секунду Проверил, действительно, всё работало изначально у меня, как и у вас, но только в Опере и ИЕ. Проблема существует в ФФ, Хроме и Сафари. Можно ли кроссбраузерно решить эту проблему? |
| Автор: Rayled 8.11.2010, 15:00 | ||||
В спецификации HTML не существует атрибута height у TR и TABLE.
То есть мой пример у вас не работает? И в каких версиях браузеров, интересно? Например FF и Chrome. |
| Автор: Deadcow 8.11.2010, 15:13 | ||
Странно, конструкцию <table height="100%" width="100%"> я подсмотрел в учебнике (не официальная документация) и уже несколько лет использовал.. По крайней мере работает именно так, как должно. Ваш пример я для наглядности немного подправил, вместо "#center { height: 100px;}" высоту поставил в 400 и прописал background-color:red; Видно, что красная ячейка начинается с середины экрана, а не располагается по центру. Фаерфокс последний, родной, 3.6 версии, никакие установленные надстройки точно не могли как то повлиять на отображение страниц. Хромом я не пользуюсь, стоит последняя версия, для теста. |
| Автор: Rayled 8.11.2010, 15:26 | ||||
Да, есть такое дело, но только для TABLE, причем в спеку не входит, хотя браузеры и понимают.
Хм, действительно... Надо думать. |
| Автор: Deadcow 8.11.2010, 15:36 |
| Да уж... Из-за того, что разные браузеры понимают эту систему принципиально по разному, совершенно невозможно устроить хотя бы примерно нормальное отображение страницы.... В css я только недавно начал копаться, может быть можно как то эмулировать эту систему с помощью блоков div? |
| Автор: Rayled 8.11.2010, 15:36 |
| Так, если заменить в TR height на max-height или min-height, то вроде все работает, но только не в IE 6 и 7... |
| Автор: Deadcow 8.11.2010, 15:51 |
| но как прописывать? Если минимальная высота может равняться нулю, а максимальная = неизвестное значение, но точно меньше 50%? Насколько понимаю, значение max-height будет идентично height, то есть для нас никакой разницы не будет, что из этого использовать (это в случае, если помимо максимальной высоты не задан параметр высоты, в чем для нас, опять же, никакого смысла)... Или я чего-то не понял? Вполне возможно, т.к. у меня уже мозги набекрень))) Добавлено через 4 минуты и 14 секунд Блин, ведь простецкая задача, но чертова кроссбраузерность как всегда всё портит)) |
| Автор: Rayled 8.11.2010, 16:05 |
| Щас потестил, min-height вроде как более корректно работает, но все-равно чего-то не нравится мне все это... |
| Автор: Deadcow 8.11.2010, 16:12 |
| На одном сайте нашел сообщение о том, что на отображение может влиять doctype. Может быть вся редиска в PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN", и браузеры воспринимают проценты не правильно поэтому? Я так глубоко не копал и в тип документа никогда не лез... может стоит)? |
| Автор: Rayled 8.11.2010, 16:25 |
| Доктайп может влиять, это да. Но я тестирую на том, который в примере наверху, то есть HTML 4.01 strict и та ж фигня. Так что не из-за этого, не в данном случае. Тут все из-за #$%# производителей браузеров, которые не могут согласованно действовать в плане понимания стандартов. Тк в спеках тоже не всегда все прозрачно написано, вот они и понимают такие моменты по-разному, нет бы #$@ договориться. |
| Автор: Deadcow 8.11.2010, 16:37 |
| Ну, поэтому думаю, стоит ломать голову над эмуляцией этого эффекта через таблицы стилей... Всё таки такой распространенный, казалось бы, прием.... доложен быть в голове у вэб дизайнеров... В общем буду думать.. |
