TOPIC: Layout shift in Chrome

Hi,

I use 1.5.14. Joomla and latest !JComments with Yoo Nu template.

Problem is the shift of layout (mainbody moves up) in opened articles with comments. It happens only, when page browsed in FF, Google Chrome or Safari (IE is OK) and solution with inserting <div style='clear:both;'> </ div> after body tag of comments' template doesn't help.

See live:
www.joomla-studio.net/beverinasnovads/in...3-paskums-1#JOSC_TOP

Default (modern) comments template is enabled.

Please give an advice!

Thanks!

P.S. it seems that "templates" section would be better place for this post, sorry.

picture here

hey there!
You have the same problem as here:
compojoom.com/index.php?option=com_kunen...d=3810&catid=10#3810
compojoom.com/forum/6-bug-report/6116-la...mit=10&start=10#6958

I really believe that this is some plugin or extension that interference with joomlacomment.

Thank You for an answer, Daniel, but above threads were not helpful in my case. I have tried to insert
#comment .sectiontableheader { margin: 0; } and #comment #CommentFormTitle {margin: 0;} in modern/standart.css+compojoom.css, but there were no changes.

Interesting that when i click on article title it opens with comments without problems, but when i open an article, clicking on "write comment", layout shift occurs. It happens also if after undisturbed layout opening (title click) i load another captha image. So, i guess, some css override takes place when comment form is called through these functions.

Also the case is that problem lies in template code because after changing default template to rhuk_milkyway there is not any shift.

P.S. Installing other Yootheme template results in the same "illness". Please, help to figure out this mess!

The template is using tables!



But the problem lies here:

...those lazy YooTheme guys! Or maybe you/your builder modified template and just forgot one small detail. The fontsize for the title is 250% but the line-height to 100% that is why the top is being cut off. Change the line-height to 250% to fix it

Oh and also do this to fix the right column:

It is very strange that the problem only occurs when JoomlaComment is enabled - I don't know why it pushes everything up, we probably need to explicitly define a width/height value for some more elements. It only seems to happen if a module position in the template has float set.

Thank, You, Jonus for assistance!

Your solution can help, but if i use it, frontpage's layout is moved down for 20px now (while positioning looks good for opened article view).
I would be happy to find a solution which doesn't affect my actual layout view.

By the way, i tried also JComments and their component produced the same error for my template. Only on their forum nobody answered...
Great bonus for You - Your support is good!

Thank You!

Valter - by the way we always answer support questions
I find that this is the right way to do open source

Could you write in the yootheme forum (you must have an existing subscription - mine has expired already) and point them to this thread. Perhaps they could give us a point what we do wrong or they could find out what they do wrong

I've seen this problem, but never could find a solution and I really want to have one.

Daniel!
Unfortunately my Yootheme subscription also expired. I am only moving one site from 1.0.x to 1.5.x. In 1.0.x. template there were not layout shift problems.
As soon as i will be able, i will renew my subscription and hopefully there is a solution already - i think there could be several Nu template users, who could be interesting in Your comment component implementation.

Valters

I'm trying to find an address of the developers from yootheme. We'll see if I get someone who knows them.

Thank You, Daniel, for help!

I have an idea that it would be a temporary solution if there would be a way to apply css changes provided by Jonus to opened articles only, not to frontpage...

What is the normal path to this item:
www.joomla-studio.net/beverinasnovads/in...3-paskums-1#JOSC_TOP

do you go to it through a menu? If yes, it should be possible to open the menu item and add a class suffix specially for this page. Then we can style only the class suffix.

Hi, this is a sample frontpage article.

Actually You are right - each frontpage article is connected to some menu item and it can be styled with page class sufix. Hope that styling will not affect frontpage layout.

Besides that - give me know if some other - global css solution turns out.

i tested today some other comment components and ALL do shifting in my layout.

I have a feeling there would be something in \html\com_content\article\ (content over-ride for the template) that we could edit to fix it, although then I would need a copy of the template. Hoping you can get in touch with YooTheme developers Daniel, and hoping they would be willing to let us test and trial one template to help bugfix it.

If not, I have been interested in getting a subscription with them for a while - some of their YooTools extensions are very nice.

I got your emails Valters - I will be investigating and let you know

You changed the site?

I can't reproduce the problem at all on my own install. It's either your template modifications or something else behind the scenes that I can't find. Regardless, those CSS settings I mentioned seem to fix the problem as best as I can see - I spent the past few hours experimenting and I have no idea why they this is happening on yours

Very strange, because for me the layout has been shifted in fresh joomla+template("Nu")+comment com installation as well.

For the moment i did css changes You advised and there is not a situation anymore when only a part of contentheading is seen. Nevertheless 20px padding creates an empty space above article title and i an not very happy about that.

Anyway, thanks for all Your efforts!

hello my friends!!! i have too the same problem and it drives me nuts!!

the problem is not a specific component or module but the links that takes you to a specific area of a page ...

so any link that has '#' will break the template

just did a topic @ joomla.org
ill post back if find a solution