Hello,
I did some styling of the K2 content module and it looks right in FF/Opera but not Safari.
Site is specialeditions.thecatholicspirit.com

Here's a shot of how it should look...



Here's how it looks in Safari...



Any ideas? I'm lost on this one.

Thanks!
Craig

Guys,

Fixed this annoying issue today (together with the other bug that prevents this module being styled with a suffix).

Attached is the corrected file.

To install extract the file.

Go to Joomla root/modules/mod_k2_content/tmpl/default and replace the file default.php with the one in the zip.

It works correctly in IE/Firefox/Safari/Crome which are the ones I've tested it with this afternoon.

You can also style it with module suffix as well.

Regards,


CHRIS

It has to do with the (br class="clr") within the php file of the module. This happens in a lot of other places within the k2 html/php and really causes a lot of headaches for me. It also leaves a bunch of whitespace around my breadcrumbs in Safari, and Chrome... and other webkit browsers.

I agree!
I had to move br class="clr" 1-2 lines up in PHP file to get it look same in major browsers. Now it is not nice in Safari and Chrome. I will compare that file at topic with Winmerge now.

With this default.php file I get unordered bullets list in all browsers.
If I don´t copy line 14 bullets disappears. Only difference between your line 14 and default K2 line (2.2 version) is a blank space among functions.
Your line 14:

id; ?>" class="k2ItemsBlock">

My line 14 (default K2 ver.2.2):

id; ?>" class="k2ItemsBlock ">

(See empty space after "k2ItemsBlock")
And this line only is difference between unoredered bullets and without bullets.

Even when bullets are gone layout is messed. But it can be fixed in CSS.

God, a hate this fuck*** forum. Really hate it.

I fixed my problems with Safari and Chrome browsers.
Renamed all

<.....br class="clr"/.......>

to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

Which files did you modify?

BBC said:I fixed my problems with Safari and Chrome browsers. Renamed all

<.....br class="clr"/.......>

to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

I went through several files and it seems sometimes they use the br and othertimes the div.. no consistency. So I figured it was in the module tmpl area for the k2 content module... and that fixed my issue. Thanks a ton!

Jason Hull said:Which files did you modify?

BBC said:I fixed my problems with Safari and Chrome browsers. Renamed all
<.....br class="clr"/.......>

to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

Hi, are you using the module inside a front page article via modposition??

because I have tried this and I get the same probelm you have described when I do... If I simply place teh module in a mod position it works fine now after adding the php file CB kindly provided.. Thanks CB massive headache solved.


Jason Hull said:I went through several files and it seems sometimes they use the br and othertimes the div.. no consistency. So I figured it was in the module tmpl area for the k2 content module... and that fixed my issue. Thanks a ton!
Jason Hull said:Which files did you modify?
BBC said:I fixed my problems with Safari and Chrome browsers. Renamed all <.....br class="clr"/.......>

to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

I,m in a big problem with this module I wish to add this module to horizontally show the latest news in frontpage. Imake some changes in css just give all li a fixed width and float left them but for k2s poor image resizeing option It massed up if the title is littile long and if the all image is not same size. can you people give me a easy solution of how can I show news horizontaly in frontpage??

Andy Critchlow said:Hi, are you using the module inside a front page article via modposition??
because I have tried this and I get the same probelm you have described when I do... If I simply place teh module in a mod position it works fine now after adding the php file CB kindly provided.. Thanks CB massive headache solved.


Jason Hull said:I went through several files and it seems sometimes they use the br and othertimes the div.. no consistency. So I figured it was in the module tmpl area for the k2 content module... and that fixed my issue. Thanks a ton! Jason Hull said:Which files did you modify? BBC said:I fixed my problems with Safari and Chrome browsers. Renamed all <.....br class="clr"/.......>
to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

Where is located the css for K2content module? i have a black background in my template and this module have white background.I want to make it transparent.

ashfaqur rahman said:I,m in a big problem with this module I wish to add this module to horizontally show the latest news in frontpage. Imake some changes in css just give all li a fixed width and float left them but for k2s poor image resizeing option It massed up if the title is littile long and if the all image is not same size. can you people give me a easy solution of how can I show news horizontaly in frontpage??
Andy Critchlow said:Hi, are you using the module inside a front page article via modposition?? because I have tried this and I get the same probelm you have described when I do... If I simply place teh module in a mod position it works fine now after adding the php file CB kindly provided.. Thanks CB massive headache solved.


Jason Hull said:I went through several files and it seems sometimes they use the br and othertimes the div.. no consistency. So I figured it was in the module tmpl area for the k2 content module... and that fixed my issue. Thanks a ton! Jason Hull said:Which files did you modify? BBC said:I fixed my problems with Safari and Chrome browsers. Renamed all <.....br class="clr"/.......> to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

Would you be able to supply me with a sample snioppet so I can compare and see how your looks.. I am new to PHP so would liek to learn more on how you did this.

Thanks

BBC said:I fixed my problems with Safari and Chrome browsers. Renamed all

<.....br class="clr"/.......>

to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

Feel free to look at this site... I have it on the homepage... check the difference between the code on mine and yours

www.minicassiachamber.com

I went into the module code and replaced the BR clear tags with div clear tags.

Lance, your sample code has been canceled, please try to insert it again

Lance said:For everyone still looking for a solution to the extra break tags in your content K2 Content module (K2 v2.2), simply open:
modules/mod_k2_content/tmpl/Default/default.php

in a text editor or Dreamweaver, etc and search forand replace it withSave the file and upload it over the existing file.

I am sorry man, haven´t been at forum for a long time. Here is a mod_k2_content/tmpl/Default/default.php file.
It fixed all my problems with layout in different browsers. Now it is same look in every browser i tested.

Jason Hull said:Which files did you modify?
BBC said:I fixed my problems with Safari and Chrome browsers. Renamed all
<.....br class="clr"/.......>

to

<....div class="clr"....><.../div....>
(don´t forget closing tags)
And it is now working perfectly in all browsers. The same spacing in millimeter.

When i removed some (or all)
<....br class="clr"/....>
i still needed to make a lot of styling and tweaking in css file to get same results in all browsers.

This way i had not to do this. It is perfect as it is in all browsers, and absolutely same results.

This forum is stupid. Just remove all these dots up there. Forum wont allow to put this as it is.

Thanks for the fix, everyone.

To recap, go to: modules/mod_k2_content/tmpl/Default/default.php

and replace the br class, with a div, as demonstrated above.

Has this been fixed for anyone using K2 2.3? I've upgraded, checked all the modules are the correct version and I still get the big gaps. It's supposed to be fixed.

I've created a .clr and a .clrmodule class, but this requires changing the php as well, and can throw an entire website out. @dave, I'm feeling your pain!

Please help! Joomlaworks! Anybody!