Пожалуйста, взгляните на следующую страницу:
В firefox все делается ОК. Но в IE, хотя normalize.css используется, а также свойства совместимости добавлены, все еще отстой. Проблема IE в основном связана с размером шрифта. Я использовал собственный шрифт, но его IE-версия также включена. Теперь, что заставляет IE в приведенной выше ссылке показывать заголовки разделов с более крупными шрифтами, чем FF. Вот моментальный снимок в IE и Firefox: (вы видите, что верхняя часть изображения, отображающая рендеринг IE размера шрифта, больше, чем его копия FF. Вы также можете увидеть свою живую версию по ссылке выше)
установлен для .cats-bottom
:
position: relative;
и для .section-title-blue
:
position: absolute;
right: 20%;
смотрите здесь: http://jsfiddle.net/tseN6/
Уважаемые Мостафы округлые углы с использованием css работает в IE9+. если вы хотите иметь закругленное угловое изображение, вы должны сделать изображение самоугольным.
если переменная размера фона вы можете просто сделать круглые угловые изображения и использовать их так:
<div>
<table border="0">
<tr>
<td></td>
<td>دسته های سایت</td>
<td></td>
</tr>
<tr>
<td><img src="left-corner.png"></td>
<td></td>
<td><img src="right-corner.png"></td>
</tr>
</table>
</div>
font-size:16px;
например font-size:16px;