Stylesheets - hr+clear space+IE

Author

hr+clear space+IE

Cezar

2004-11-21, 11:18 pm

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

Chris Leipold

2004-11-22, 12:20 pm

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

Martin Bialasinski

2004-11-22, 12:20 pm

Chris Leipold <cleipold@dietzk.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

Cezar

2004-11-22, 7:20 pm

Martin Bialasinski napisał(a):
> Chris Leipold <cleipold@dietzk.de> wrote:
>
>
>
>
> 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

2004-11-23, 7:26 pm

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.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Cezar

2004-11-26, 7:16 am