this happens only on chrome version22. More precisely, i have checked it on chrome 22.0.1229.79. there is no issue on other chrome versions.

See the attached screenshot. Primary links on header breaks into a second row. This occurs when the 'header navigation alignment' is set to 'center'. The problem disappears when I change it to left. But that means that I cannot use 'center'.

However, the layout break in 'user account tabs' as shown in the screenshot still remains. you can also see it here http://tabpc.in/user

May be this has to to with a chrome ver 22 issue mentioned here http://chrisvalleskey.com/chrome-22-breaks-everything/. I am not a css expert, so not sure.

Should I wait till chrome team fixes any css issues or is there anything that I can do in the meanwhile.

CommentFileSizeAuthor
#1 Site 1 sky theme not displaying properly in Chrome.JPG6.92 KBwavesailor
#1 Site 2 sky theme not displaying properly in Chrome.JPG6.64 KBwavesailor
chrome22alignmentskytheme.JPG34.05 KBjs_kiran

Comments

wavesailor’s picture

wavesailor commented
Issue tags: +Drupal 6, +Chrome, +primary links, +sky
StatusFileSize
new Site 2 sky theme not displaying properly in Chrome.JPG6.64 KB
new Site 1 sky theme not displaying properly in Chrome.JPG6.92 KB

I am experiencing the same thing on two of my sites.

Anyone have any ideas on how to solve this?

js_kiran’s picture

js_kiran commented

@wavesailor, I think your issue with primary links can be fixed by setting the 'header navigation alignment' to 'left' in the sky theme configurations. That means that you cannot set it as 'center'.

Layout breaking elsewhere, like in user/register page, I do not know how to solve. I am awaiting a solution.

grahamvalue’s picture

grahamvalue commented

I'm having the same issue with my primary links.

Also, the problem occurs only for certain combinations of words in the primary links... even changing the case of a menu item can fix or break the menu...

grahamvalue’s picture

grahamvalue commented
Priority: Normal » Critical

Changing status to critical!

Since this affects all pages on the site, it renders the site/theme unusable...

grahamvalue’s picture

grahamvalue commented

Did a temporary hack by having a dummy menu item at the end with a comment tag for text
<!--&nbsp;-->

In case it helps anyone.

wavesailor’s picture

wavesailor commented

@js_kiran, Thanks - I tried it but it does not look nice.

I don't understand why it only breaks in the latest Chrome version????

Jeff Burnz’s picture

Jeff Burnz commented
Component: User interface » Code
Priority: Critical » Normal

A minor change in layout is not critical, e.g not one person has linked to a site that is actually broken (that is not usable), sure some images of unwanted layout, but I am yet to be trapped into not being able to use a site.

Critical basically means your site is blown up, like a PHP fatal error, not some annoying problem with CSS.

grahamvalue’s picture

grahamvalue commented

Hi Jeff,

This is a bug that breaks the top menu, and hence the entire page, on all pages of a website.
On a browser that accounts for 25% of all traffic.

This is not a minor issue for the owner of a production website.
Essentially this bug makes this theme unusable on the latest version of Chrome.

And we don't even know if the issue is with Chrome or with the theme itself.
Will it fix itself once Chrome gives the next update?
Or will the theme start breaking on other browsers too once they too make the update Chrome just did?

Anyway, I'm good for now since the above mentioned hack works for me.
But I sincerely request you to take this issue on higher priority.

grahamvalue’s picture

grahamvalue commented

I'm sorry but I can't revert the hack on my site to show you the bug.
But what you see on the first 3 screenshots is what happens to my site too if I don't use this hack.

You should be able to see the bug too on any site using sky on Chrome 22.0.1229.79

Jeff Burnz’s picture

Jeff Burnz commented

Guys, this will never fix itself, Chrome have changed the way they deal with certain aspects of CSS, the theme needs to change.

However, please understand that I inherited Sky and have, to be honest, never really even looked at the D6 version code. I can certainly apply a fix, especially grateful if someone can roll a patch.

I will try to make time to look at it, but really I need help, this is free theme and my time is really very limited.

grahamvalue’s picture

grahamvalue commented

In the meantime, the hack I mentioned does work really well.

Have a dummy menu item at the end of the menu with a comment tag for text

The bug basically causes the last menu item to break and cover the content below.
This hack will make the last menu item invisible, thus compensating for the bug.

js_kiran’s picture

js_kiran commented

chrome has updated to version 23 a few days ago and this issue does not occur in version 23. That is probably the reason that @Jeff Burnz is unable to notice the issue on my links. I have also checked my web stats and found that number of visitors with version 23 is already a little higher than those with chrome version 22. My guess is that some time we will find that visitors with version 22 will be negligible.

So whoever plans to work on this issue, please weigh it carefully. It may not be worth spending time on fixing this. We can probably wait it out.