Проблема с HTML

← →
vidiv © (2006-01-24 04:26) [0]

Вобщем конструктивно:
браузер IE 6.0.3790.0
страница: http://www.sakhgu.sakhalin.ru/vid/test.htm (564 байта, упрощена до предела)
описание страницы: Таблица с двумя ячейками по горизонтали. Правая ячейка фиксирована текстом по ширине. Левая содержит минимум два слова (чтобы был перенос строк) и стилизована курсивом. Между ячейками интервал cellspacing=1. У ячеек установлена рамка (style="border:1px solid black").
проблема: При "критическом" размере окна (близкое к тому, чтобы текст в первой ячейке занял две строки) рамки ячеек начинают наезжать друг на друга. (Тут иллюстрация: http://www.sakhgu.sakhalin.ru/vid/test.gif - 38,31КБ). Если убрать курсив - все нормально - рамка не наезжает.

вопрос: Как решить эту проблему?

← →
vidiv © (2006-01-24 04:28) [1]

> близкое к тому, чтобы текст в первой ячейке занял две строки

Опечатка. Должно быть левой

← →
Lamer@fools.ua © (2006-01-24 09:06) [2]

IMHO, это глюк браузера.

В Opera 8.51.7712 с рамкой всё ОК, но "f" в левой ячейке "выезжает" за левый край:
http://i1.tinypic.com/mil0sp.jpg
http://i1.tinypic.com/mil0xu.jpg

← →
umbra © (2006-01-24 10:21) [3]

в FF анлогично Lamer@fools.ua © (24.01.06 09:06) [2]

← →
Gero © (2006-01-24 10:48) [4]

Попробуй поставить style="padding: <больше нуля>" для ячейки.

← →
Lamer@fools.ua © (2006-01-24 10:54) [5]

Хм. Кстати, у меня в IE 6.0.2900.2180 всё нормально:
http://i1.tinypic.com/mimcte.jpg
http://i1.tinypic.com/mimcxu.jpg

← →
Lamer@fools.ua © (2006-01-24 10:57) [6]

Обманул в [5]. Рамки, всё-таки, наезжают, а потом снова возвращаются...

← →
vidiv © (2006-01-24 14:39) [7]

простой пример:
форма: одна кнопка с обработчиком onclick:

var w:integer; s:string; begin s := "foooooof"; Canvas.Font.Name := "Times"; Canvas.Font.Size := 16; Canvas.Font.Style:=[fsItalic]; Canvas.TextOut(10,100, s); Canvas.MoveTo(10, 50); Canvas.LineTo(10, 150); w := Canvas.TextWidth(s); Canvas.MoveTo(10+w, 50); Canvas.LineTo(10+w, 150); end;

результат: http://www.sakhgu.sakhalin.ru/vid/test2.jpg
Может быть проблема связанно с этим фактом? Ктонибудь может объяснить?

← →
VictorT © (2006-01-24 18:02) [8]

> vidiv © (24.01.06 14:39) [7]

Выходит, виновата ОС?

← →
Gero © (2006-01-24 18:03) [9]

Совет [4] не помог?

← →
vidiv © (2006-01-24 18:41) [10]

> Gero © (24.01.06 18:03) [9]
> Совет [4] не помог?

К сожаленью, нет :(

vidiv © (24.01.06 14:39) [7]
Canvas.Font.Style:=[fsItalic];
да, у шрифта реальная ширина больше будет и "итальянском стиле", что то там в параметрах шрифта не учитывается, и размер неправильно расчитывается. Я когда-то день убил, не понимал, как у меня текст из-за этого не влезал в рамку, валил все на кривые руки:)

У IE, видимо, помимо виндовых есть еще свои, "правильные", функции расчета ширины текста. FF и Опера - в принципе адекватно реагируют на этот недочет винды.

Вобщем, капец, невидать мне курсива в ячейках :)

PS Надо начинать писать статью о том чего НЕЛЬЗЯ сделать на HTML.
Например, также, нельзя заставлять разрывать слово при переносе строк, если оно (слово) не влазиет по ширине. У ИЕ есть стиль word-wrap, который, кстати, не работает в ячейке. Тег <wbr /> не поддерживается спецификацией.

> Например, также, нельзя заставлять разрывать слово при переносе
> строк, если оно (слово) не влазиет по ширине.

Не понял, ты о чем?

Хочешь, чтобы браузер делал перенос по слогам?

> Gero © (25.01.06 02:45) [13]

Нет, не по слогам. на первой же букве, которая не влазиет по ширине.

Допустим есть слово:
невысовываемость
А по ширине влазиет только невысовываемост,
Должно получиться так:
невысовываемост ь

vidiv © (25.01.06 2:42) [12]
<table border=1 width="100%" style="table-layout: fixed">
<tr>
<td style="word-wrap:break-word;">asdjfhsldakhfhsdhfksdfsjdhfsjdhflsjdhfshdfsdffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffqwwwwwwwwwwwwwwwwwwwwwwwwwsdagasdghhhhhhhhhhhhhearrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrhhhhhhh hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhetshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhheeeeeeeeeeeeeeeeeeeeeeeeeeeeehhhhhhhhhhhhhhhh hhhhhhhhhhhhhhhhhhheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeehhhhhhhhhhhhhhhhhhhhhhhhhh</td>
</tr>
</table>

Проблема с HTML Найти похожие ветки