Jump to content
  • 0

отступы в таблице

raven

Asked by raven,

 Share

Question

raven Explorer

raven

Posted
Posted

Товарищи, с помощью таблиц делаю разбивку рисунка. IE выдает такой артефакт:

между картинками появляется просвет, причем Opera отображает все нормально. Размеры таблицы подобраны четко по размерам рисунков. Это глюк IE или я что-то не так делаю?

Link to comment
Share on other sites

20 answers to this question

Recommended Posts

  • 0
kiD Explorer

kiD

Posted
Posted
Это глюк IE или я что-то не так делаю?

это глюк ИЕ и вы что-то делаете не так)

для таблицы задайте

table {
 table-layout: fixed;
 border-collapse: collapse;
 border: 0px solid #000;
}
table td{
 padding: 0px;
 margin: 0px;
 border: 0px solid #000;
}

Link to comment
Share on other sites
  • 0
raven Explorer

raven

Posted
  • Author
Posted

Код кривой, знаю, но мне и не нужно его по стандартам сделать, нужно что б работало. Кстати, такой актефакт только в одном весте, где стыковка заливки и картинки.

<html>
 <head>
 <meta http-equip="Content-Type" content="text/html; charset=Windows-1251">
 <title>СвязьСервис - Главная</title>
 <base href="http://ss.localhost/">
 <STYLE type="text/css">
 table {
 table-layout: fixed;
 border-collapse: collapse;
 border: 0px solid black;
 border-style: none;
 };
 table td{
 padding: 0px;
 margin: 0px;
 border-style: none;

 }
 </STYLE>

 </head>
 <body background=background.gif>
 <center><table width=1024>
 <tr>
 <table width=1024>
 <tr height=40>
 <td width=80><img src=img_1_1.gif></td>
 <td width=280 background=img_1_2.gif><center><font face=courier></font></center></td>
 <td width=80><img src=img_1_3.gif></td>
 <td width=584 background=img_1_4.gif></td>
 </tr>
 </table>
 </tr>
 <tr><td>
 <table width=1024 height=180>
 <tr >
 <td width=225><img src=img_2_1.gif></td>
 <td>
 <table width=605 height=180>
 <tr height=111>
 <td ><img src=img_2_2_1.gif></td>
 </tr>
 <tr height=69>
 <td>
 <table height=69 width=605> 
 <tr>
 <td width=30><img src=img_2_2_2.gif></td>
 <td background=img_2_2_3.gif width=575></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
 </td>
 <td width=50><img src=img_2_3.gif></td>
 <td width=144 background=img_2_4.gif></td>
 </tr>
 </table>
 <table width=1024 height=548>
 <tr>
 <td width=225 height=548>
 <table width=225 height=548>
 <tr height=40>
 <td><img src=img_3_1.gif></td>
 </tr>
 <tr height=100>
 <td background=img_3_2.gif></td>
 </tr>
 <tr height=50>
 <td><img src=img_3_3.gif></td>
 </tr>
 <tr height=150>
 <td background=img_3_4.gif></td>
 </tr>


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
вот между этими ячейками и получается пробел
 <tr height=105>
 <td><img src=img_3_5.gif></td>
 </tr>
 <tr height=98>
 <td background=img_3_6.gif></td>
 </tr>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 </table>
 </td>
 <td width=799 height=548 bgcolor=white></td>
 </tr>
 </table>
 </td></tr>
 </table></center>
 </body>
</html>

Link to comment
Share on other sites
  • 0
raven Explorer

raven

Posted
  • Author
Posted
cellspacing="0" cellpadding="0" для таблицы помогает :-) ?

Помогает, но только в Опере, а эксплорер не хочет.

А разве большпя степень вложенности может быть причиной такого глюка? Если да то как от нее избавится если рисунок не симметричный, и предполагается что в некоторых ячейках будут управляющие элементы?

Link to comment
Share on other sites
  • 0
Tokolist Explorer

Tokolist

Posted
Posted

2 raven

Мда.., дружище, код комментировать не стану, т.к. не могу подобрать адекватных слов :)

но самое худшее вот это

40+100+50+150+105+98=543 != 548

Весь код не перерабатывал, только ту часть где "проблема". Вот как он должен выглядеть:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<table width="225" cellpadding="0" cellspacing="0">
<tr>
 <td height="40"><img src="img_3_1.gif" alt=""></td>
</tr>
<tr>
 <td height="100"></td>
</tr>
<tr>
 <td height="50"><img src="img_3_3.gif" alt=""></td>
</tr>
<tr>
 <td height="150"></td>
</tr>
<tr>
 <td height="105"><img src="img_3_5.gif" alt=""></td>
</tr>
<tr>
 <td height="98"></td>
</tr>
</table>
</body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept