K2 Content module - big gap in some browsers

I've used the K2 content module on my website. In Firefox (and IE8 more or less) it looks correct, but in Safari and Chrome there is a big gap between the article intro text and the Date Created/Comment/Read more lines.

In FF and IE8 it looks like...

In Safari and Chrome I get...

See the big gap!

I've looked at the K2 CSS aropund line 656 and made some changes, but that did nothing. I also enables and disabled different parts in the module admin, but that did nothing either.

Can you help please?

If it helps at all this is the website I'm working on.

Hi

Please take a look what Firebug shows in this place.

There are 4 times <br /> code ;/


I do not know ;/ Please maby try:

Code: Select all

br.clr{
height:0px;
}


???

Thanks. I've installed Firebug and got the same results.
I changed line 36 of k2.css from...

Code: Select all

.clr {clear:both;height:0;line-height:0;display:block;float:none;}

to

Code: Select all

.clr {height:0;/*clear:both;line-height:0;display:block;float:none;*/}

ie. Moved the height to the front of the CSS style and commented off the extra styling.
This made the FF and IE8 look like Safari and Chrome with the big gap. Opposite of what I wanted, but then I did the following.
Went to the K2 Content module in the Administrator Back End, and changed the Video, Video Caption and Video Credits parameters to HIDE. **IMPORTANT!**
This has narrowed down the gap a little, and I have consistency across the browsers.
Thanks very much for your help, teitbite.

This turns out to be quite a problem for K2 users, and is NOT specific to Gavick templates. There are threads all over community.getk2.org about these phantom gaps in certain browsers and not in others. God bless everyone's interpretation of Web Standards!
And it's to do with exactly what we've been talking about: the clr property in the k2.css file.
I have managed to fix a couple of things by using the following change.
BEFORE...

Code: Select all

.clr {clear:both;height:0;line-height:0;display:block;float:none;}

AFTER...

Code: Select all

.clr {clear:both;height:0;line-height:0;display:none;float:none;}

I've changed the display property from block to NONE.
WARNING!!!
You will get some pretty funky results in K2 modules like K2 Content! Check your website where you have K2 specific modules on different browsers, particularly IE/Firefox and Chrome if you're on a PC, and safari/Chrome and Firefox if you're on a Mac.
Hopefully this thread has helped someone other than me.