Помощь проблема с отображением в IE

[Alex_Foks]

собственно есть сайт на wp
добавил в него с верху меню
там вот в чём проблема: при просмотре в Firefox всё отображается
нормально а в Explorer, Opera отображается без округления
нужно добавить поддержку в style_ie.css
но вот что не разберусь
короче вот скрины
в Firefox как нужно

в Explorer,Opera

и собственно код
добавил в style.css

#supernav {
	font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
	position: absolute;
	top: 201px;
	left: 50%;
	width: 720px;
	margin: 0 0 0 -360px;
	padding: 5px 16px; 
	text-align: left;
	display: block;
	}
#supernav li {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	display: inline;
	}
#supernav a {
	color: #FFFFFF;
	background: #63AAE7;
	font-weight: normal;
	height: 19px;
	padding: 5px 16px;
	-moz-border-radius-topright: 6px; 
	-moz-border-radius-topleft: 6px;	
	}
#supernav a:hover {
	color: #111;
	background: white;
	text-decoration: none;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;	
	}
#supernav .current_page_item a {
	color: #111;
	background: white;
	text-decoration: none;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
}
#hack {
	background: white;
	height: 2px;
	width: 450px;
	display: inline;
	position: absolute;
	top: 220px;
	left: 50%;
	margin: 0 0 0 -350px;
	padding: 0;
	z-index: 2;
	}

 

[ben807]

-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;

это не работает в ie.
если Вам нужны уголки в ie придется делать графикой

 

[Alex_Foks]

это не работает в ie.
если Вам нужны уголки в ie придется делать графикой

а поточнее можно про графику (как я понял добавлением .png картинок)
А другой способ есть ?

 

[evraya]

Есть способ вложенных элементов - оч. оригинальный, хоть и не семантичный.

Дико извиняюсь за тематику, но что поделаешь именно на этом сайте такие уголочки:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Dr.Sheff]

	-webkit-border-top-right-radius: 30px;
	-webkit-border-top-left-radius: 30px;

	-moz-border-radius-topright: 30px;
	-moz-border-radius-topleft: 30px;

	border-top-right-radius: 30px;
	border-top-left-radius: 30px;

вписывайте все 3 параметра, это обеспечит максимальное количество поддерживаемых браузеров. Вроде только ИЕ 6 не удел останется.

 

[Flameberg]

вписывайте все 3 параметра, это обеспечит максимальное количество поддерживаемых браузеров. Вроде только ИЕ 6 не удел останется.

Это неправда. Border-radius из CSS3 не поддерживают версии IE с самой первой и аж по 8. Девятая - поддерживает.

Алекс, для таких вкладок нужно вручную отрисовать плашки (фон) - изображения поддерживают практически все браузеры


Evraya, интересный способ! Можно где-то о нём прочесть? Я так, если честно, до конца и не понял, как это повторить: каждое скругление выделено отдельным вложенным в ДИВ набором тэгов. А ширина этих элементов где задаётся, чтоб скругление границы получилось?

 

[evraya]

Ну, отдельной темой конечно идет библиотечка для универсальных уголков, к ознакомлению обязательно всем, кто любит нестандарт:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Ну и тут - создание закругленных углов самыми разными способами, в том числе и приведенным выше.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.