Неправильное повторение фона в IE6

EugenyK · October 21, 2008

Пытаюсь сверстать рамку (только нижнюю часть), используя только один фоновый источник:

Файл win-btm.gif

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Title</title>
	<style type="text/css">	
		body {background: #fff; color: #000; font: 8pt verdana; margin: 0px; padding: 0px; width: 100%; }
		.win-loginbox { margin: 155px auto auto auto; width: 288px;}

		.win-btm-left { 
				background: url('win-btm.gif') no-repeat 0px -20px;
				}
		.win-btm-right {
				background: url('win-btm.gif') no-repeat 100% 0px;
				}
		.win-btm-center {
				background: url('win-btm.gif') repeat-x 100% -10px;
				height: 10px;
				margin: 0px 6px 0px 6px;
				}
		</style>
</head>
<body>
	<div class='win-loginbox'>
		<div class='win-btm-left'>
			<div class='win-btm-right'>
				<div class='win-btm-center'>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

В FF3.0 я получаю вот такое изображение:

В IE6 я получаю вот такое:

Можно ли как-то обойти этот момент, не прибегая к расщеплению win-btm.gif на три картинки?

mini · October 21, 2008

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

yopopt · October 21, 2008

Похоже что у Вас шрифт раздвигает блок. Установите в .win-btm-center font-size:0;.

EugenyK · October 21, 2008

mini

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

Также, как на снимке экрана для FF3.0

yopopt

>> Похоже что у Вас шрифт раздвигает блок. Установите в .win-btm-center font-size:0;.

Установил для IE и ушло смещение фона

Благодарю.

Sign In

Неправильное повторение фона в IE6

Question

EugenyK

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

mini

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

EugenyK

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information