Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не могу найти ошибку в вёрстке
 
 автор: zuldd   (02.01.2011 в 20:21)   письмо автору
 
 

Замучился уже таблицы править.. что уже только не делал.
По идее всё просто - ставлю фиксированный размер у ячеек, которые не должны тянутся и прописываю 100% размер для тех которые должны тянутся. Вот схема проблемной части макета
[img]http://www.darwell.ru/maket.jpg[/img]

вот сама страница
[url="http://www.darwell.ru/test.htm"]страница[/url]

Табличную структуру я переписывал заново несколько раз.
Прошу объяснить в чём ошибка.

  Ответить  
 
 автор: AlexSol   (02.01.2011 в 20:32)   письмо автору
 
   для: 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>

  Ответить  
 
 автор: zuldd   (02.01.2011 в 21:01)   письмо автору
 
   для: 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
В чём я не прав или ошибся?

  Ответить  
 
 автор: AlexSol   (02.01.2011 в 21:14)   письмо автору
 
   для: zuldd   (02.01.2011 в 21:01)
 

вот у вас из такого "правильно" ошибки комом растут.
если вы колонке задаете 100%, то подумайте куда другие лепить то?
http://www.w3.org/TR/html4/struct/tables.html#h-11.2.4.4

  Ответить  
 
 автор: zuldd   (02.01.2011 в 22:14)   письмо автору
 
   для: AlexSol   (02.01.2011 в 21:14)
 

как тогда должна выглядеть структура? http://www.darwell.ru/maket.jpg если учесть что 100% означает что ячейка должна занять всё свободное пространство... я правильно понимаю что в этом случае нужно просто не указывать высоту ячейки чтобы она растянулась сама по контенту?

  Ответить  
 
 автор: lightning.say   (03.01.2011 в 10:56)   письмо автору
 
   для: zuldd   (02.01.2011 в 22:14)
 

обычно ширину указывают, высоту-то зачем? по содержимому будет меняться

  Ответить  
 
 автор: zuldd   (03.01.2011 в 13:04)   письмо автору
 
   для: 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

  Ответить  
 
 автор: АЯ   (03.01.2011 в 14:10)   письмо автору
 
   для: 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">

И, заметьте, что это не достаточное, а лишь необходимое условие.
Проблемы у Вас вполне ещё могут остаться.

  Ответить  
 
 автор: zuldd   (03.01.2011 в 16:18)   письмо автору
 
   для: АЯ   (03.01.2011 в 14:10)
 

вот посмотрите, убрал картинки из структуры..
Простейший макет, 2 ячейки должны тянутся по контенту, а остальные фиксированные. Почему нормально отображается только в FF а IE и опера либо растягивают все ячейки включая фиксированные, либо как опера, растягивают нижнюю фиксированную ячейку первого столбца?

http://www.darwell.ru/index.html

  Ответить  
 
 автор: АЯ   (03.01.2011 в 19:01)   письмо автору
 
   для: zuldd   (03.01.2011 в 16:18)
 

>"вот посмотрите, убрал картинки из структуры..."

Не... это Вам показалось...
Вы не "картинки из структуры убрали"... это Вы "голову свою из процесса убрали".

Поставьте себя на место браузера.
Вы, как и браузер, получаете команды ПОТЕГОВО.
И исполняете их СРАЗУ по получении.
Каждый тег - приказ.

Исполняя приказ номер один, Вы совершенно не знаете какой Вам последует приказ под номером два.

Вот поставьте себя на место браузера и попробуйте выполнить то, что Вы написали.
И посмотрите - что у Вас получится:-)

  Ответить  
 
 автор: zuldd   (03.01.2011 в 19:12)   письмо автору
 
   для: АЯ   (03.01.2011 в 19:01)
 

Укажите пожалуйста в чём ошибка если видите. Заменял <br> на несколько абзацев <P> с текстом, браузер всёравно не отображает нормально эту структуру, не увидел ошибок в html-коде больше

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования