Ошибка в IE при верстке картинками

Tigrish · May 14, 2008

Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично.

Вот код:

<!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>
</head>

<body>

<table width="720" border="0" cellpadding="0" cellspacing="0">
	<col width="195" valign="top">
	<col width="525" valign="top">
 <tr>
	<td style="background: #aff7fa" valign="top">
		<img src="images/menu_top.jpg" style="position: relative; top: 0px; border: 0px;" width="195" height="13" alt=""> 
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
	</td>
	<td style="background: #ffffff" valign="top">
		<img src="images/content_top.jpg" style="margin: 0px; border: 0px;" width="525" height="13" alt="">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
	</td>
 </tr>
 <tr>
	<td>
		<img src="images/menu_bot.jpg" border="0" width="195" height="5" alt="">
	</td>
	<td>	
		<img src="images/content_bot.jpg" border="0" width="525" height="5" alt="">
	</td>
 </tr>
</table>

</body>
</html>

Как можно решить эту проблему?

~Kitty~ · May 14, 2008

Попробуйте поставить на td, в которых находятся эти картинки font-size: 1px;

А текст оберните в какой-либо другой элемент (например, div) и поставьте ему нужный font-size

Tigrish · May 14, 2008

~Kitty~, спасибо. Это помогло. Решение оказалось таким простым, а я убила на этот баг 2дня.

А контент у меня и так был в дивы зашит, просто убрала все для упрощения кода.

~Kitty~ · May 14, 2008

Да не за что - стандартная проблема для IE =)

Sign In

Ошибка в IE при верстке картинками

Question

Tigrish

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

~Kitty~

Link to comment

Share on other sites

Tigrish

Link to comment

Share on other sites

~Kitty~

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information