hr+clear space+IE

Hi!

To clear both of side I use this code:

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

But why IE adding some space after <hr> ? In Firefox 1.0 and Opera
working very well. There is no space.

--
Regards,
Cezar

Hi,

To clear both of side I use this code:

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

But why IE adding some space after <hr> ? In Firefox 1.0 and Opera
working very well. There is no space.
I guess this is from Eric Meyer's float-in-float example. He has another

clearer there, built of a <div>. Use the latter one.

Chris

Chris Leipold <cleipold (AT) dietzk (DOT) de> wrote:

I guess this is from Eric Meyer's float-in-float example. He has
another clearer there, built of a <div>. Use the latter one.

I came upon another technique described in
http://www.positioniseverything.net/easyclearing.html

Looks clever. Opinion anyone?

Bye,
Martin

Martin Bialasinski napisał(a):

Chris Leipold <cleipold (AT) dietzk (DOT) de> wrote:


I guess this is from Eric Meyer's float-in-float example. He has
another clearer there, built of a <div>. Use the latter one.


I came upon another technique described in
http://www.positioniseverything.net/easyclearing.html

I know this method. Probably the best, but sometimes I was used <hr> and
what I saw ? Hmm. some space in IE. That's why I ask on the group what
is it ? Another magic IE ? ;-)

--
Regards,
Cezar

kchayka napisa³(a):

Cezar wrote:

hr.clear{
display:block;
clear:both;
visibility:hidden;
height:0;
border-width:0;
margin:0;
padding:0;
}

But why IE adding some space after <hr> ?


It's probably IE's broken overflow behavior.
overflow:hidden might fix it, at least in some versions of IE.

Thanks. I'll check it.

--
Ave,
Cezar