Вопрос по верстке

Maxouni
На сайте с 18.11.2008
Offline
119
537

Помогите, плиз, может кто сталкивался.

Делаю блок с закругленными углами.

Решил сделать с помощь таблицы - 3 ячейки - хеадер, тянущийся контент,и футер.

у таблице селспайсинг и селпаддинг 0

в футере и хеадере, вставил закругленные углы - 2 картинки(align left и right соответственно), ну и фон блока.

так вот в опере и IE все отлично.

В мозиле у картинок, которые по краям появляется отступ сверху и снизу между ячейками появляются отступы.

у картинок уже все что можно прописал вот код:


.content_head{
width:100%;height:31px;
background-repeat:repeat-x;
background-image:url(/img/*.gif);
padding:0px;
margin:0px;
border-width:0px;
}

.content_head img{
padding:0px ! important;
margin:0px ! important;
border-width:0px ! important;
height:31px ! important;
}

и сами картинки


<td class="content_head"><img src="/img/img_left_up.gif" align="left" border="0" hspace="0" vspace="0"/>
<img src="/img/img_righ_up.gif" align="right" border="0" hspace="0" vspace="0"/></td>

Как с этим бораться(анализатор html мозилы никаких паддингов и маржинов не показывает, просто <td> почему то больше там)

Создание, продвижение, поддержка сайтов и приложений.
edogs software
На сайте с 15.12.2005
Offline
775
#1

Смотреть в сторону line-height:0px;font-size:0px; и возможно border-collapse: collapse;

А так же неплохо бы приводить полный хтмл код, при чем даже с картинками.

Разработка крупных и средних проектов. Можно с криптой. Разумные цены. Хорошее качество. Адекватный подход. Продаем lenovo legion в спб, дешевле магазинов, новые, запечатанные. Есть разные. skype: edogssoft
Николай В.
На сайте с 07.09.2006
Offline
62
#2

Попробуйте у ячеек с уголками сделать { font-size: 0; }

Хотя вы изначально неправильно эту задачу решаете.

Maxouni
На сайте с 18.11.2008
Offline
119
#3

Николай В., может подскажете другой способ, я знаю ещё можно просто много DIV? уменьшая размер на пиксель, но чё то не хочется заморачавться с этим. Нифига не помогаетфонт сайз и все что перечислено выше.Скрины и код пока нет возможности выложить, как только так сразу.

Ткач
На сайте с 29.04.2007
Offline
95
#4

один пример

и второй

а вообще существует очень много способов, вы выбрали совсем неудачный.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
Maxouni
На сайте с 18.11.2008
Offline
119
#5

Ткач, Спасибо за ссылки, одно 'но', у меня блок с рамкой. может подкинешь что нибудь для такого случая или подскажешь что в этих поменять, просто я в этих углах закругленных не мастер.

Николай В.
На сайте с 07.09.2006
Offline
62
#6
Ткач
На сайте с 29.04.2007
Offline
95
#7
Maxouni:
Ткач, Спасибо за ссылки, одно 'но', у меня блок с рамкой. может подкинешь что нибудь для такого случая или подскажешь что в этих поменять, просто я в этих углах закругленных не мастер.

тогда в фотошопе просто вырезать надо будет уголки и стенки и будет 8 охватывающих дивов

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий