hr+clear space+IE

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Cezar - 22 Nov 2004 01:27 GMT

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.

Signature

Regards,
Cezar

Reply to this Message

Chris Leipold - 22 Nov 2004 13:54 GMT

Hi,

> To clear both of side I use this code:
>
[quoted text clipped - 10 lines]
> 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

Reply to this Message

Martin Bialasinski - 22 Nov 2004 14:42 GMT

> 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

Reply to this Message

Cezar - 22 Nov 2004 17:11 GMT

Martin Bialasinski napisał(a):

>>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 ? ;-)

Signature

Regards,
Cezar

Reply to this Message

kchayka - 23 Nov 2004 18:55 GMT

> hr.clear{
> display:block;
[quoted text clipped - 7 lines]
>
> 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.

Signature

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

Reply to this Message

Cezar - 28 Nov 2004 13:12 GMT

kchayka napisał(a):

>>hr.clear{
>> display:block;
[quoted text clipped - 10 lines]
> 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.

Signature

Ave,
Cezar

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / November 2004

hr+clear space+IE