Перейти к публикации
Nack

Проблемы с кроссбраузерностью

Рекомендованные сообщения

Nack

Закончил верстку, решил проверить дизайн на кроссбраузерность. В Mozilla Firefox, Google Chrome - отображается все нормально, а в Safari плохо отображается эта часть:

 

В Firefox и chrome

post-25-0-72603400-1335001839_thumb.png

 

В safari

post-25-0-14082100-1335001844_thumb.png

 

html:

<table border="0" cellspacing="6" cellpadding="0" class="topforum-bg"><tr><td>Вывод данных с форума</td></tr></table>
<table border="0" cellspacing="6" cellpadding="0" class="topnews-bg"><tr><td>{topnews}</td></tr></table>

css

.topnews-bg {color:fff; height:120px;width:250px; background:url('../images/bg-info.png') no-repeat; float:right;}
.topforum-bg {color:fff;height:120px;width:250px; background:url('../images/bg-info.png') no-repeat; float:left; margin-left: 10px;}

Буду благодарен за помощь. (доктайп в шаблоне отсутствует)

Изменено пользователем Nack

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

У меня есть такой вопрос: зачем заключать блоки в таблицу с одной ячейкой? Лишний код получается.

Если не хочешь юзать float, сделай одну двухколонучную таблицу и в неё вставь блоки.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Nack

Заключил в дивы, но текст располагается поверху, значение vertical-align:middle, не помогает...

<div class="topforum-bg" style="vertical-align:middle">Вывод данных с форума</div>
Пробовал заключать текст в vertical-align разными способами... (Даже добавлял в селектор .topforum-bg это значение)

 

Thanks. Проблема решена! Сделал одну двухколоннчатую таблицу...

Тама close.

Изменено пользователем Nack

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...