Проблем с margin, hr и IE

[Malfurion]

От много време не съм си играл с CSS и днес се затруднявам.

Сложих един <hr> в началото на страницата, за да има една сива лента отгоре и от нея да излиза търсачка (нещо като ефекта в калдата)...

Но както винаги изникна проблем с ИЕ.

В ИЕ 6, остава малко разтояние над hr и не може да се получи ефекта, докато под ФФ и Опера се лепва най-отгоре и няма проблем.

Пробвах да сложа див, но под ие когато му задам height: 5px; то не става по-малко от 10 или 12 пиксела.

Махнах всичко и оставих само линията... и навсякъде зададох на margin и на padding 0 line-height 0 font-size 0 и пак никакъв ефект.

Моля, помагайте

 

[emagi]

Пробвах да сложа див, но под ие когато му задам height: 5px; то не става по-малко от 10 или 12 пиксела.

Пробвай на този DIV, който правиш да зададеш:

#emagiDiv {
width:500px;
height:5px;
font-size:5px; /* колкото височина искаш */
}

 

[Malfurion]

Пробвах да сложа див, но под ие когато му задам height: 5px; то не става по-малко от 10 или 12 пиксела.

Пробвай на този DIV, който правиш да зададеш:

#emagiDiv {
width:500px;
height:5px;
font-size:5px; /* колкото височина искаш */
}

Благодаря ти... все пак съм тръгнал в правилна посока. +1

 

[shterev]

ако нямаш текст му сложи направо

font-size:0px;

 

[Liberate]

все пак мога да ти помогна с 1 хакче което с кеф си ползвам дори да е чиста грешка
ако в css-а напишеш
padding: 0;
*padding: -7px;
тогава при всички браузъри падинга ше е 0 пиксела, а само при ИЕ ще е -7 това се отнася за всички неща... размери, шрифтове... квото се сетиш... тва става понеже незнам защо но само ИЕ чете кодовете с * пред тях...
междудругото и / да сложиш вместо * резултата пак е същия
:?: