проблема с версткой

Добрый день. У меня проблема с версткой.
Заказывал верстку, сделали, принял и оплатил. Через некоторое время заметил что в разных браузерах. Колонка меня отображается по разному. В Мазиле заметил что у правой колонки углы закругленные, сглаженные а в Опере прямоугольные. Вот сайт pozdravim.net
Если кто знает как это исправить посоветуйте.

 

Просто каждый браузер понимает таблицы стилей по разному. Видимо программисты не учли некоторые фрагметы кода и не прописали совместимость с той же оперой. Проще говоря заточили под огнелиса).

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

--

Позволь поинтересоваться - сколько денег отдал за это?

 

В файле styles.css найдите блок: .module { .... }
Здесь у вас прописываются стили модулей, здесь пропишие скругление для оперы.

 

Не много 40-50 баксов)

}

Код (html):

1. .module{
2.  
3.     width: 206px;
4.     padding-bottom: 0px;
5.    margin-bottom: 10px;
6.    margin-left: 4px;
7.    padding-left: 0px
8.    font-size: 15px;
9.    border: 1px solid #ccc;
10.    border-top: 0px;
11.    -webkit-border-radius: 10px;
12.    -moz-border-radius: 10px;
13.    border-radius: 10px;
14.    behavior: url(../pie/PIE.php);
15.   /* background:  url('../images/podmod.png') no-repeat ;*/
16. }

Вот код модуля, не понимаю что прописать нужно?!

 

border-top: 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;

 

я бы еще добавил такую строчку:

-khtml-border-radius: 10px; // Konqueror

 

Попробовал вставить и так и так. Не выходит

 

модули в левой колонке показывает нормально, а в правой используется другой класс - curved

добавь туда тоже
-o-border-radius: 10px;
и все должно заработать

 

Код (html):

1. .curved {
2.    float: right;
3.     width: 206px;
4.     padding-bottom: 0px;
5.    margin-bottom: 10px;
6.    margin-right: 4px;
7.    padding-left: 0px
8.    font-size: 15px;
9.    border: 1px solid #ccc;
10.    border-top: 0px;
11. [COLOR="Red"]-o-border-radius: 10px;[/COLOR]
12. -moz-border-radius:10px;
13. -webkit-border-radius:10px;
14. behavior: url(../curved/border-radius.htc);
15. }

Вставил правильно? Все равно не получается

 

попробуй вот так:

.curved {
float: right;
width: 206px;
padding-bottom: 0px;
margin-bottom: 10px;
margin-right: 4px;
padding-left: 0px
font-size: 15px;
border: 1px solid #ccc;
border-top: 0px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius: 10px;
border-radius: 10px;
}

 

Юморист =)

 

Спасибо большое )) Все получилось! ))

 

Под некоторыми броузерами, типа ie8, эта конструкция всё равно будет работать некорректно. Я бы картинку-подложку перенес из свойств тега h3 в curved и module, чтобы в случае, когда закруглить углы невозможно отрисовывался нормальный прямоугольник.