закругление углов с помощью графики в IE 6

Панч · December 12, 2008

Здравствуйте! Хочу закруглить углы с помощью графики, но IE 6 это не съедает. Если ли решение такой проблемы?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>

<body>
<div id="all">
	<div id="top">
	<img class="logo" src="css/img/logo.gif">
	</div>
	<div id="innerContent">
		<div class="corner tR"></div>
		<div class="corner bR"></div>
		<div class="corner bL"></div>
	</div>
</div>
</body>
</html>

BODY {background: #041f1b url(img/backgroung.gif) center repeat-y;}
#all { width: 100%;}
#top {height: 152px; position: relative; min-width: 1000px; max-width: 1280px; width: 99%; margin: auto;}
	.logo { position: relative; margin: 63px 0 55px 37px;}
#innerContent {position: relative; background:#FFF url(img/corners.gif) no-repeat -18px -18px; min-width: 1000px; max-width: 1280px; width: 99%; margin: auto; height: 100px;}
	.corner {height: 18px; width: 18px; position: absolute; background: url(img/corners.gif) no-repeat -18px 0; overflow: hidden;}
	#innerContent .tR {left: 100%; margin-left: -18px; background-position: 0 -18px;}
	#innerContent .bR {left: 100%; top: 100%; margin: -18px 0 0 -18px; background-position: 0 0;}
	#innerContent .bL {left: 0; top: 100%; margin-top: -18px;}

Whatsup · December 12, 2008

Создать 4 вложенных дива одинакового размера у которых спозиционировать изображения по разным углам.

А что у тебя с этим кодом в ИЕ получается? Выложи картинку

Панч · December 18, 2008

в 6 ишаке обе правые картнки слегка съезжали, но уже поблема устранена с помощью следующих изменений в css коде

#innerContent {position: relative; background:#FFF url(img/corners.gif) no-repeat -18px -18px; width: 97%; margin: auto; height: 100px;}
	.corner {height: 18px; width: 18px; position: absolute; background: url(img/corners.gif) no-repeat -18px 0; overflow: hidden;}
	#innerContent .tR {margin-left: 100%; left: -18px; background-position: 0 -18px;}
	#innerContent .bR {margin-left: 100%; bottom: 0; left: -18px; background-position: 0 0;}
	#innerContent .bL {left: 0; top: 100%; margin-top: -18px;}

Edited December 18, 2008 by Панч

s0rr0w · December 18, 2008

в 6 ишаке обе правые картнки слегка съезжали, но уже поблема устранена с помощью следующих изменений в css коде

IE6 имеет один знатный баг с вычислением правой стороны блока.

Soniclord · December 22, 2008

web-secrets.ru в помощь...

Sign In

закругление углов с помощью графики в IE 6

Question

Панч

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Whatsup

Link to comment

Share on other sites

Панч

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Soniclord

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information