Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > сумма ширин ячеек не совпадает с шириной таблицы

Автор: begin 9.4.2008, 16:13

Сделал для сайта меню: есть таблица с фоном (нарисована шапка и кнопки). В ее единственной ячейке с выравниваем вправо вставлена таблица, которая содержим прозрачные гифы, которые по задумке должны лежать четко над нарисованными кнопками и быть ссылками. Все высчитал до пиксела. Сумма ширин ячеек или гифов равна ширине таблицы. Вот код: Код <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 пикселей шире и тем самым растягивает таблицу, смещая все остальные ячейки влево.. Подскажите, как решить эту проблему?

Автор: bars80080 9.4.2008, 16:19

вот как раз показательный случай, что мучения того не стоят. дабы не испытывать проблем следует переходить к вёрстке спиками (<li>) или чем-нибудь подобным возможно поможет, если указать для img.face { float: left; }

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)