Выравнивание внутри ячейки

NickAssa · June 10, 2008

Доброе время суток!

Не могу решить такую проблему - выравнить по правому краю ячейки в IE6 (в FF все ОК)

Вот код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title>Ronik-IP</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <link rel="stylesheet" type="text/css" href="rip_new.css">
 </head>
<body>
 <table align="right" cellpadding = "0" cellspacing = "0" class="bottom_menu">
 <tr>
 <td width="187px" align="right" class="bottom_menu_td">
 <a href="/">1111</a>
 </td>
 <td width="187px" align="right" class="bottom_menu_td">
 <a href="/">2222</a>
 </td>
 <td width="187px" align="right" class="bottom_menu_td">
 <a href="/">3333</a>
 </td>
 <td width="187px" align="right" class="bottom_menu_td">
 <a href="/">4444</a>
 </td>
 </tr>
 </table>
</body>
</html>

CSS

.bottom_menu {
 width: 918px;
 height: 149px;
 table-layout: fixed; 
 border-collapse: collapse;
 border: 0px solid #000;
 }
.bottom_menu_td {
 padding: 0px;
 margin: 0px;
 border: 1px solid #000; 
 }

В FF все ссылки прижаты к правой границе (что и нужно), а в IE6 - смещены вправо, но явно не до границы ячейки.

Подскажите где не прав.

Джин · August 1, 2008

исправить вашу проблему очень просто....

.bottom_menu {

width: 918px;

замните ширину на 748 и все норм будет. Но я так понял вам нужно именно 918? тогда зачем у каждой ячейки прописывать ширину строго width="187px"??

Sign In

Выравнивание внутри ячейки

Question

NickAssa

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Джин

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information