HTML: Посмотрите на ошибку

← →
Dimedrol © (2006-07-03 01:43) [0]

Посмотрите на ошибку - никак не осилю

Коллеги, делаю я сайт на основе купленного шаблона.
Напоролся на неприятный косяк.
Все разрезал на inclid-ы залил на сервак, проверяю
и вижу, что в Explorere все ОК, но в других браузерах - швах:
Смотрите на картинку -
http://mypic.zaharov.info/strange1.jpg

Дизайн разъезжается по высоте, появляются черные (background), ничем не заполненные полоски.

Причем я обратил внимание еще на 1 странную вещь:
в Opere и Firefox-e даже почему-то увеличилось расстояние между строками, разделенных "BR"-ами.
Очень странно.

Я не новичок в www-разработке, но с таким в первый раз столкнулся.
Может кто подскажет - куда копать ?
А то уже все перелопатил, - мозги кипят.

Спасибо.

← →
MeF Dei Corvi © (2006-07-03 02:46) [1]

Код давай.

← →
tButton © (2006-07-03 06:05) [2]

ну не знаю, я например стараюсь явно указывать такие параметры табла как cellspacing, cellpadding и border, как правило всё в нуль, чтоб никаких швов небыло.

вот.. что ещё. IE бывает делает швы когда пишешь что-то вроде
<td> <img src="someimage.gif"> </td>
в таком случае нужно просто прописать всё одной строкой
<td><img src="someimage.gif"></td>

а вообще
аська 245-109-040
на работе я ~ c 05:00 до 12:00 мск
стучи =) поХТМЛим =)

← →
vidiv © (2006-07-03 06:14) [3]

> tButton © (03.07.06 06:05) [2]

Знатная фича :)

← →
homm © (2006-07-03 06:23) [4]

имхо
что-то из этого задано где-то не ноль:

margin-top
margin-bottom
padding-bottom
padding-top

← →
tButton © (2006-07-03 06:28) [5]

> Причем я обратил внимание еще на 1 странную вещь:
> в Opere и Firefox-e даже почему-то увеличилось расстояние
> между строками, разделенных "BR"-ами.
> Очень странно.

=) там разный межстрочный интервал и/или высота строки (фактическая, а не текста)

← →
vidiv © (2006-07-03 06:34) [6]

> homm © (03.07.06 06:23) [4]

Вот тебе пример: разница только в переносе строк, а эффект разный :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .tbl { background-color:#0000FF; color:#FFFFFF; } .imgcell { background-color:#FF00FF; } img { background-color:#66FF66; } </style> </head> <body> <table class="tbl" border="0" cellpadding="0" cellspacing="0"> <tr><td colspan="3">Верх</td></tr> <tr> <td>Лево</td> <td class="imgcell"><img alt="Картинка" /></td> <td>Право</td> </tr> <tr><td colspan="3">Низ</td></tr> </table> <br /> <table class="tbl" border="0" cellpadding="0" cellspacing="0"> <tr><td colspan="3">Верх</td></tr> <tr> <td>Лево</td> <td class="imgcell"> <img alt="Картинка" /> </td> <td>Право</td> </tr> <tr><td colspan="3">Низ</td></tr> </table> </body> </html>

← →
SkyRanger © (2006-07-03 06:45) [7]

Попробуй явно указать размеры имейджа и бордер=0
Может быть от того что не указанны размеры и картинка рисуется по умолчанию с бордером :)

← →
homm © (2006-07-03 07:38) [8]

> [6] vidiv © (03.07.06 06:34)
>
> > homm © (03.07.06 06:23) [4]
>
> Вот тебе пример: разница только в переносе строк, а эффект
> разный :)

Не надо мне примеров, я с этим глюком знаком. Если я перед своим постом не указал явно что он относится к кому-то из отвечающих, значит он относится к сабжевому вопросу.

← →
tButton © (2006-07-03 08:37) [9]

глюк, хороший но не по сабжу =) по сабжу - непрописаные padding"и. стопудово =)

← →
Dimedrol © (2006-07-03 09:56) [10]

ща пробую...

← →
Dimedrol © (2006-07-03 12:30) [11]

Не поверите у меня везде и стояли нормально paddings.
Вот исходник.
Глянье плиз -
http://mypic.zaharov.info/src.txt

← →
isasa © (2006-07-03 12:42) [12]

tButton © (03.07.06 06:05) [2]
vidiv © (03.07.06 06:34) [6]
homm © (03.07.06 07:38) [8]
А в чем глюк-то?
в случае
<td>
<img src="someimage.gif">
</td>
0x0D, 0x0A - явно уйдет к клиенту в ячейке таблицы, сервер не будет фильтровать поток(базар :) )

← →
DSKalugin © (2006-07-03 12:46) [13]

<TABLE ... height="100%">
нет у таблицы такого параметра по стандартам. В пикселах еще куда ни шло, но не в процентах уж точно. Потому и растягивается/рвется по высоте

← →
DSKalugin © (2006-07-03 12:51) [14]

<INPUT tyep="text" class="binp">
опечатка в слове type

← →
Dimedrol © (2006-07-03 12:57) [15]

исправил - пофиг :-(

http://mypic.zaharov.info/src.txt

(refresh!)

← →
Плохиш © (2006-07-03 13:01) [16]

> Dimedrol © (03.07.06 12:57) [15]

Рекомендую исправить расширение на html и натравить http://validator.w3.org/

← →
Dimedrol © (2006-07-03 14:33) [17]

Не люблю я эти валидаторы...
находят кучу ошибок типа - "required attribute "ALT" not specified". и т.п.

а еще какие рекомендации ?

← →
purvainais (2006-07-03 17:08) [18]

> Не люблю я эти валидаторы...
> находят кучу ошибок типа - "required attribute "ALT" not specified". и т.п.

@#$%^&* !!!
Вот из-за таких горе-верстальщиков и начинаются все проблемы. Стандарты не читал, а потом удивляется, что чёрные полосы ему показывает...

> Вот из-за таких горе-верстальщиков и начинаются все проблемы.

ну вообще-то отсутствие альта не смертельно в большинстве случаев.

> isasa © (03.07.06 12:42) [12]
> tButton © (03.07.06 06:05) [2]
> vidiv © (03.07.06 06:34) [6]
> homm © (03.07.06 07:38) [8]
> А в чем глюк-то?
> в случае
> <td>
> <img src="someimage.gif">
> </td>
> 0x0D, 0x0A - явно уйдет к клиенту в ячейке таблицы, сервер
> не будет фильтровать поток(базар :) )

ну да =) а значит переносы строки и доп. пробелы в тексте он игнорирует из вредности =)

в Мозиле, заметьте такого косяка нет =)

кстати недавно с удивлением для себя обнаружил, что мозила отрабатывает все padding"и у span"а, а осел упорно игнорирует padding-top =(

яб так сделал примерно..

http://www.dfc.com.ru/table/

> в Opere и Firefox-e даже почему-то увеличилось
> расстояние между строками, разделенных "BR"-ами.

помоему это из-за font вложенного в td. попробуй так -

<style type="text/css"> .class1 { padding: 5px; } .class2 {font-family:tahoma;font-size:9px;color:#B3B3B3} </style> *** <tr><td class="class1 class2"> MC_SPECIAL_OFFER<BR> MC_SPECIAL_OFFER<BR> MC_SPECIAL_OFFER </td></tr>

Коллеги! Я докопался до истины!!!
Знаете в чем была проблема ?!
уЖОс!

Все вылечилось убиранием в самом начале документа строчки:
"<!DOCTYPE HTML PUBLIC..."

Во как 8-\
НЕ понравился "strict" HTML. Проверил - при "loose" вроде тоже работало.
Но я все-таки убрал строку.

Все равно - всем спасибо за отзывчивость! :-)

> [22] Dimedrol © (03.07.06 22:53)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

> ну да =) а значит переносы строки и доп. пробелы в тексте
> он игнорирует из вредности =)
>
> в Мозиле, заметьте такого косяка нет =)

Это оказывается не косяк вовсе! Вот:
http://www.artlebedev.ru/tools/technogrette/html/doctype2/

HTML: Посмотрите на ошибку - никак не осилю Найти похожие ветки