Проблемы с таблицами в IE

Gaber · March 30, 2008

Сейчас я редактирую скин для форума, и сделал по обеим сторонам колонки в виде картинок формата png

Вот код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" />
<link rel="shortcut icon" href="favicon.ico" />
<title><% TITLE %></title>
<% GENERATOR %> 
<% CSS %> 
<% JAVASCRIPT %> 
</head> 
<body>
<table width="1078" align="center" cellpadding="0" cellspacing="0"><tr>
<td width="39" height="140" valign="top" id="sp01"> </td>
<td width="1000" rowspan="2" valign="top">
<div id="spectr">
ТАБЛИЦА ТЕКСТА
</div>
</td>
<td width="39" height="140" valign="top" id="sp04"> </td>
</tr>
<tr> 
<td width="39" id="sp02"> </td>
<td width="39" id="sp05"> </td>
</tr>
<tr> 
<td height="30" valign="bottom" id="sp03"> </td>
<td height="30" valign="top" id="reb">
<div id="spectr">


ТАБЛИЦА ТЕКСТА
<img src="***/s_sp1.gif" width="1000" height="20" id="sp_niz">
</div>
</td>
<td height="30" valign="top" id="sp06"> </td>
</tr>
</table>
<div id="spectr">
ТАБЛИЦА ТЕКСТА
</div>
</body> 
</html>

CSS:

#sp01 
{
background: url(***/left_verh.png) no-repeat top;
}
#sp02
{
background: url(***/left_seredina.png);
}
#sp03
{
background: url(***/left_niz.png) no-repeat bottom;
}
#sp04
{
background: url(***/right_verh.png) no-repeat top;
}
#sp05
{
background: url(***/right_seredina.png) repeat-y top;
}
#sp06
{
background: url(***/right_niz.png) no-repeat bottom;
}
#sp_niz
{
background: url(***/niz.png) no-repeat top;
}

В чем проблема?

В Опере и FF отображение идет нормальное, но как всегда в IE сплошной гемор.

Так вот первая таблица (с id "sp01") и паралельная ей таблица с другой стороны (с id "sp04") уходят слишком сильно вниз, тем самым не позволяя повторению таблице находящейся в середине. Как поступить чтобы в IE и всех остальных браузерах отображалась как надо. Т.Е. чтоб удленялась не первая таблица (с id "sp01" и "sp04") а средняя (c id "sp02" и "sp05").

Только пожалуйста не отправляйте в поиск, я тама целый день провел, пришлось регится и писать пост.

Dimitry Wolotko · March 30, 2008

mmm Таблицы

Gaber · March 31, 2008

Решение проблемы нашел:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" />
<link rel="shortcut icon" href="favicon.ico" />
<title><% TITLE %></title>
<% GENERATOR %> 
<% CSS %> 
<% JAVASCRIPT %> 
</head> 
<body>
<table width="100%" align="center" cellpadding="0" cellspacing="0"><tr>
<td width="5%" height="100%" valign="top" id="sp02"><div id="sp01"> 










</div></td>
<td width="80%" valign="top">
<div id="spectr">
Текст
</div>
</td>
<td width="5%" height="100%" valign="top" id="sp05"><div id="sp04"> 










</div></td>
</tr>
<tr> 
<td width="5%" height="40" valign="top" id="sp03"> </td>
<td width="80%" height="40" valign="top" id="reb">
<div id="spectr">


ТЕКСТ<img src="***/niz.png" width="100%" height="20">
</div>
</td>
<td width="5%" height="40" valign="top" id="sp06"> </td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0"><tr>
<td width="100%" valign="top">
<div id="spectr">
ТЕКСТ
</div>
</td>
</tr>
</table>
</body> 
</html>

С помощью DIV

НО если кто знает другой способ напишите пожалуйста.

Sign In

Проблемы с таблицами в IE

Question

Gaber

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

Gaber

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information