Форум PHP программистов > оформление в firefox

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Гость_oskin

12.12.2008 - 04:44

Есть блок HTML-кода:

Код

<div class="block_page"> <div style="float:right; width:auto;">
<table border="0" cellspacing="1" cellpadding="0" class="page">
<tr>
<td class="header">Страница 1 из 4 · </td>
<td class="selected"><span>1</span></td>
<td class="item"><a href="/books/page/2.html">2</a></td>
<td class="item"><a href="/books/page/3.html">3</a></td>
<td class="item"><a href="/books/page/4.html">4</a></td>
</tr>
</table>
</div></div>

И блок CSS стилей для этого фрагмента:

Код

/* Page */

div.block_page {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
vertical-align: middle;
width: 100%;
padding-top: 5px;
height: 25px;
background-color: #cadceb;
}
.block_page td {
padding-right: 0px;
padding-left: 0px;
font-weight: bold;
font-size: 11px;
padding-bottom: 0px;
color: #4692bf;
padding-top: 0px;
background-color: #cadceb;
text-align: right;
}
.block_page td.header {
padding-right: 0px;
padding-left: 0px;
font-weight: bold;
font-size: 11px;
padding-bottom: 0px;
color: #4692bf;
padding-top: 0px;
background-color: #cadceb;
text-align: right;
}

.block_page td.selected span {
padding: 0px 2px;
border: #4692bf 1px solid;
font-weight: bold;
font-size: 11px;
margin: 0px 1px;
width: 17px;
color: #ffffff;
height: 1%;
background-color: #4692bf;
text-align: center;
}
.block_page td.item a, .block_page td.item a:link, .block_page td.item a:visited, .block_page td.item a:active {
border: #4692bf 1px solid;
padding: 0px 2px;
font-weight: normal;
font-size: 11px;
margin: 0px 1px;
width: 17px;
color: #4692bf;
height: 1%;
background-color: #eeeeee;
text-align: center;
text-decoration: none;
}
.block_page td.item a:hover {
border-left-color: #4692bf;
border-bottom-color: #4692bf;
border-top-color: #4692bf;
border-right-color: #4692bf;
color: #ffffff;
background-color: #4692bf;
text-decoration: none;
}
div.block_page div {
padding: 0px 2px;
margin-bottom: 2px;
color: #4692bf;
font-size: 12px;
}
.block_page span.separator {
display: none;
}
.block_page span.item, .block_page span.selected {
border: #4692bf 1px solid;
padding: 0px 0px;
font-weight: bold;
font-size: 11px;
margin: 0px 0px;
color: #888888;
background-color: #ffffff;
text-align: center;
}
.block_page span.item a {
padding: 0px 4px;
color: #4692bf;
}
.block_page span.selected {
padding: 0px 4px;
color: #ffffff;
background-color: #4692bf;
}
.block_page span.item a:hover {
color: #ffffff;
background-color: #4692bf;
text-decoration: none;
}

Проблема в том что номера страниц должны оформится в квадраты.
В IE вроде все правильно отображается (см. http://fx4you.org/articles/index.html) а
вот в Firefox не хочет оформить в одинаковые по ширине ячейки номеров страниц.

Посмотрите плиз CSS что подправить что бы ширина ячеек отображалась одинаково.

Спустя 3 часа, 41 минута, 42 секунды (12.12.2008 - 07:26) Sylex написал(а):

у мня все одинаково в принципе..

Быстрый ответ:

Здесь расположена полная версия этой страницы.