frD-Глюк IE

plexnet · August 3, 2007

В отдельной ячейки таблицы помещаю картинку - элемент дизайна, васотой 2 пиксела, для ячейки тоже задаю высоту 2 пиксела, в експлорере, эта ячейка все 30 пикселей имеет. В Опере все нормально, как и задумывал. Вот код ячейки.

<td width="220" height="2" align="left" valign="top" >
 <img src="image/line2.jpg" alt="" width="220" height="2" border="0" align="top">
</td>

картинка имеет размер 3x2, в коде ее растягиваю до 220. Кто подскажет, что експлореру не нравиться.

PS остальные элементы таблицы ее не растягивают.

Scrum · August 3, 2007

два варианта выбирай сам

img {
 display: block;
 }

 td {
 font-size: 0;
 }

Цветков Антон · August 3, 2007

"font-size: 0" - лучше заменить на "line-height: 0", поскольку в IE шрифт все равно меньше 2px не сделается (хотя для данного случая сгодится, но все равно лучше делать правильно). А еще проблема в том, что после картинки не должно быть никаких символов (в т.ч. переноса) вплоть до закрытия ячейки.

Scrum · August 3, 2007

"font-size: 0" - лучше заменить на "line-height: 0", поскольку в IE шрифт все равно меньше 2px не сделается (хотя для данного случая сгодится, но все равно лучше делать правильно). А еще проблема в том, что после картинки не должно быть никаких символов (в т.ч. переноса) вплоть до закрытия ячейки.

в данном случае это и требовалось height="2"

"line-height: 0" - предлагаю попробовать и посмотреть результат

Цветков Антон · August 3, 2007

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
 <table cellpadding="0" cellspacing="0" border="0" style="border: 1px solid #000;">
 <tr>
 <td><img src="" alt="" style="height: 2px; width: 200px;"></td>
 </tr>
 </table>
</body>
</html>

- выдает ячейку в 2px высотой.

kiD · August 8, 2007

перенести вопрос

проблемы с версткой

тема закрыта

Sign In

frD-Глюк IE

Question

plexnet

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Цветков Антон

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Цветков Антон

Link to comment

Share on other sites

kiD

Link to comment

Share on other sites

Обсуждения

Forums

Important Information