|
|
|
| Замучился уже таблицы править.. что уже только не делал.
По идее всё просто - ставлю фиксированный размер у ячеек, которые не должны тянутся и прописываю 100% размер для тех которые должны тянутся. Вот схема проблемной части макета
[img]http://www.darwell.ru/maket.jpg[/img]
вот сама страница
[url="http://www.darwell.ru/test.htm"]страница[/url]
Табличную структуру я переписывал заново несколько раз.
Прошу объяснить в чём ошибка. | |
|
|
|
|
|
|
|
для: zuldd
(02.01.2011 в 20:21)
| | как минимум в этом
>По идее всё просто - ставлю фиксированный размер у ячеек, которые не должны тянутся и прописываю 100% размер для тех которые должны тянутся
100% задается таблице, а не ячейке
<table width="100%"><tr><td width="10">x</td><td width="10%">y</td><td width="8">z</td></tr></table>
|
| |
|
|
|
|
|
|
|
для: AlexSol
(02.01.2011 в 20:32)
| | Спасибо за ответ.
Наверно я не так понял, но код:
<table border="1" width="100%"><tr><td width="10">x</td><td width="100%">y</td><td width="8">z</td></tr></table>
|
отображается в браузере как надо и ячейкам можно задавать ширину в %
http://htmlbook.ru/html/td/width
В чём я не прав или ошибся? | |
|
|
|
|
|
|
|
для: zuldd
(02.01.2011 в 21:01)
| | вот у вас из такого "правильно" ошибки комом растут.
если вы колонке задаете 100%, то подумайте куда другие лепить то?
http://www.w3.org/TR/html4/struct/tables.html#h-11.2.4.4 | |
|
|
|
|
|
|
|
для: AlexSol
(02.01.2011 в 21:14)
| | как тогда должна выглядеть структура? http://www.darwell.ru/maket.jpg если учесть что 100% означает что ячейка должна занять всё свободное пространство... я правильно понимаю что в этом случае нужно просто не указывать высоту ячейки чтобы она растянулась сама по контенту? | |
|
|
|
|
|
|
|
для: zuldd
(02.01.2011 в 22:14)
| | обычно ширину указывают, высоту-то зачем? по содержимому будет меняться | |
|
|
|
|
|
|
|
для: lightning.say
(03.01.2011 в 10:56)
| | Вот сделал, как и говорили, снял для всех TD значение 100% оно осталось только для таблиц, вложенные в теги TD (<td><table height="100%">...) таких таблицы всего 2, - 1 ( левый столбец, четвёртая ячейка сверху (прямоугольник с градиентами и текстом тот который без картинок) 2, - сайдбар, весь третий столбец. Для наглядности поставил границы у таблиц и выключил reset.css (убирает отступы от таблиц и тд), и вот 3 браузера показывают совершенно разную картину - http://darwell.ru/page.php
Опера 11 тупо не растягивает прямоугольник с контентом -http://www.darwell.ru/opera.png
IE почему-то растягивает и фиксированную ячейку первого столбца (в ней прямоугольник с большой картинкой), и ячейку с контентом (прямоугольник с градиентом) одновременно -http://www.darwell.ru/ie.png
FF отображает вот всё нормально так как нужно. - http://www.darwell.ru/ff.png | |
|
|
|
|
|
|
|
для: zuldd
(03.01.2011 в 13:04)
| | >"3 браузера показывают совершенно разную картину"
Ну так надо им (всем трём браузерам) дать команду показывать одинаково.
Для этого и существует тег <!DOCTYPE>
Пропишите самой первой строкой HTML-кода (перед тегом <html>), например,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
И, заметьте, что это не достаточное, а лишь необходимое условие.
Проблемы у Вас вполне ещё могут остаться. | |
|
|
|
|
|
|
|
для: АЯ
(03.01.2011 в 14:10)
| | вот посмотрите, убрал картинки из структуры..
Простейший макет, 2 ячейки должны тянутся по контенту, а остальные фиксированные. Почему нормально отображается только в FF а IE и опера либо растягивают все ячейки включая фиксированные, либо как опера, растягивают нижнюю фиксированную ячейку первого столбца?
http://www.darwell.ru/index.html | |
|
|
|
|
|
|
|
для: zuldd
(03.01.2011 в 16:18)
| | >"вот посмотрите, убрал картинки из структуры..."
Не... это Вам показалось...
Вы не "картинки из структуры убрали"... это Вы "голову свою из процесса убрали".
Поставьте себя на место браузера.
Вы, как и браузер, получаете команды ПОТЕГОВО.
И исполняете их СРАЗУ по получении.
Каждый тег - приказ.
Исполняя приказ номер один, Вы совершенно не знаете какой Вам последует приказ под номером два.
Вот поставьте себя на место браузера и попробуйте выполнить то, что Вы написали.
И посмотрите - что у Вас получится:-) | |
|
|
|
|
|
|
|
для: АЯ
(03.01.2011 в 19:01)
| | Укажите пожалуйста в чём ошибка если видите. Заменял <br> на несколько абзацев <P> с текстом, браузер всёравно не отображает нормально эту структуру, не увидел ошибок в html-коде больше | |
|
|
|