щели в ИЕ6

[sdm98]

Добрый. хелп, плиз....

такая хрень в ie6

см 185.exonit.by всплывающие изображения, при наведении на активные области

какой-то левый то ли padding, то ли margin появляются между bal_top и bal_mid, bal_mid и bal_bot.

HTML:

<div class="bal_top"></div>

<div class="bal_mid"><div class="bal">

<div class="p1">КОНТАКТ! регионы<span> <br/> Телефонный справочник Вашего города</span></div>

</div></div>

<div class="bal_bot"></div>

CSS:

.p1{

font:Arial, Helvetica, sans-serif;

font-size:18px;

color:#202020;

text-align:center;

}

.p1 span {

font:Arial, Helvetica, sans-serif;

font-size:12px;

color:#778de2;

text-align:center;

}

.bal {

margin-left:15px;

width:170px;

text-align:center;

}

.bal_top{

width:200px;

height:6px;

background: url(../images/b_top.jpg) no-repeat top;

}

.bal_mid{

background: url(../images/b_mid.jpg) repeat-y center;

width:200px;

}

.bal_bot{

width:200px;

height:6px;

background: url(../images/b_bot.jpg) no-repeat bottom;

}

Edited October 15, 2009 by sdm98

[Great Rash]

попробуйте написать так:

.bal_top{
width:200px;
height:6px;
line-height: 0;
background: url(../images/b_top.jpg) no-repeat top;
}
.bal_mid{
background: url(../images/b_mid.jpg) repeat-y center;
width:200px;
}
.bal_bot{
width:200px;
height:6px;
line-height: 0;
background: url(../images/b_bot.jpg) no-repeat bottom;
}

[sdm98]

попробуйте написать так:

.bal_top{
width:200px;
height:6px;
line-height: 0;
background: url(../images/b_top.jpg) no-repeat top;
}
.bal_mid{
background: url(../images/b_mid.jpg) repeat-y center;
width:200px;
}
.bal_bot{
width:200px;
height:6px;
line-height: 0;
background: url(../images/b_bot.jpg) no-repeat bottom;
}

спасибо... но не помогло (((

[sdm98]

получилось!!! спасибо!!!

ларчик просто открылся. нужно было прижать нижний фон к верху, а верхний к низу.

думал, что при высоте div=высоте картинки это не критично....ан нет... ие им чего-то добавляет....

[AntonSolo]

спасибо... но не помогло (((

Выложи рисунки, а то рисовать некогда

[sdm98]

с вёрсткой уже справился, спасибо.

а как здесь картинки добавлять?

когда кнопку "картинка" нажимаешь, и вводишь c:\1.jpg у меня не подхватилось

[rus]

а как здесь картинки добавлять?

когда кнопку "картинка" нажимаешь, и вводишь c:\1.jpg у меня не подхватилось

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

самый простой способ: правой кнопкой мыши по картинке-->св-ва-->копируешь ее адрес и вставляешь сюда.

и потом, с твоего компа она не добавится, она в инете должна лежать.

Edited October 15, 2009 by rus

[AntonSolo]

с вёрсткой уже справился, спасибо.

а как здесь картинки добавлять?

когда кнопку "картинка" нажимаешь, и вводишь c:\1.jpg у меня не подхватилось

.bal_top{

width:200px;

height:6px;

background: url(Snap1.gif) no-repeat;

}

.bal_mid{

background: url(Snap2.gif) repeat-y;

width:200px;

}

.bal_bot{

width:200px;

height:6px;

background: url(Snap3.gif) no-repeat;

}

.bal_top, .bal_mid, .bal_bot {overflow:hidden;}

Пробуй так у меня получилось