Jump to content
  • 0

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


begin
 Share

Question

Сделал для сайта меню: есть таблица с фоном (нарисована шапка и кнопки). В ее единственной ячейке с выравниваем вправо вставлена таблица, которая содержим прозрачные гифы, которые по задумке должны лежать четко над нарисованными кнопками и быть ссылками. Все высчитал до пиксела. Сумма ширин ячеек или гифов равна ширине таблицы. Вот код:

<td align='right'>
<table width='975' border='0' cellpadding='0' cellspacing='0'>
<tr height='85'>
<td width='71'>
<a target='_parent' href='1.php'><img class='face' src='images/spacer.gif' width='71' height='85'></a>
</td>
<td width='79'>
<a target='_parent' href='2.php'><img class='face' src='images/spacer.gif' width='79' height='85'></a>
</td>
<td width='73'>
<a target='_parent' href='3.php'><img class='face' src='images/spacer.gif' width='73' height='85'></a>
</td>
<td width='94'>
<a target='_parent' href='4.php'><img class='face' src='images/spacer.gif' width='94' height='85'></a>
</td>
<td width='100'>
<a target='_parent' href='5.php'><img class='face' src='images/spacer.gif' width='100' height='85'></a>
</td>
<td width='105'>
<a target='_parent' href='6.php'><img class='face' src='images/spacer.gif' width='105' height='85'></a>
</td>
<td width='64'>
<a target='_parent' href='7.php'><img class='face' src='images/spacer.gif' width='64' height='85'></a>
</td>
<td align='left' width='389'>
<a target='_parent' href='8.php'><img class='face' src='images/spacer.gif' width='389' height='85'></a>
</td>
</tr>
</table>
</td>

Для класса img.face все отступы выставлены на нули в css.

Вроде бы все правильно и точно. Но тем не менее в Опере и Файрфоксе самая правая ячейка оказывается примерно на 60 пикселей шире и тем самым растягивает таблицу, смещая все остальные ячейки влево..

Подскажите, как решить эту проблему?

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
Если у вас в td только картинки (без текста) попробуйте поставить на каждый из них font-size: 1px

Меня именно это спасало миллионы раз.

Я в шоке.. Помогло!!!

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

Link to comment
Share on other sites

  • 0

Не знаю, глюк или нет, но сама до этого доходила очень долго - с коллегой несколько часов бились над похожей проблемой. Перебрали все возможные и невозможные значения и в какой-то момент ткнули уже от безысходности font-size: 1px и о чудо! заработало =)

Вообще, подобная проблема обычно наблюдается в IE (по-моему, любом) - если в td вставлять картинку, td не будет схлопываться вплотную картинке, если не указать именно font-size: 1px;

Но, что я не сталкивалась с этим в других браузерах, не значит, что в них этого нет..

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

×
×
  • 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