кто-нибудь может помочь?
У меня проблема с выравниванием закругленных углов в IE6 / 7. Похоже, что в Firefox / IE8 все работает, но в IE6 / 7 левый / центральный / правый делители смещены.
Это в основном показывает то, к чему я обращаюсь.
вот пример в IE8 и все работает нормально http://es.drop.io/ern0fye/asset/ie8-jpg
И вот проблема (этот пример работает в IE8 с режимом сжатия, установленным в IE7)
http://es.drop.io/ern0fye/asset/ie7-jpg
Кажется, я помню, что в IE6 / 7 была ошибка с высотой строки или аналогичной, но я точно не помню.
Я вставлю CSS и HTML ниже, это очень очень просто. По сути, есть левый div, который содержит изображение левого угла и центральный div, который имеет фон КРАСНОГО, который совпадает с изображениями углов, и, наконец, правый div, который содержит изображение правого угла.
Буду признателен за любой вклад. Заранее спасибо.
Вот CSS
.vl-top-left
{
float:left;
width:12px;
height:12px;
}
.vl-top-center
{
float:left;
width: 485px;
background-color: #F04A23;
height:12px;
}
.vl-top-right
{
float:left;
height:12px;
width:12px;
}
и HTML-код: -
<!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>
<title></title>
<link href="Stylesheet1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="vl-top-left">
<img src="content/images/esquina_sup_izq.gif" width="12" height="12">
</div>
<div class="vl-top-center">
</div>
<div class="vl-top-right">
<img src="content/images/esquina_sup_der.gif" width="12" height="12">
</div>
</body>
</html>
EDIT
Применяется также поле: 0 и отступ: 0 на теле и на каждом DIV, но левый и правый делители опускаются вниз согласно скриншоту