Galleries / Find pages messed up in chrome

[ashishpandey]

I have a galleries page and find page that uses devbobo's style based element hiding mechanism to create new homepage views. This is working fine in IE/Firefox, but I am getting wierd results in Google Chrome (EDIT: just realized that the issue is with both chrome and safari - basically with webkit)

My Homepage (show only bioBox and featured galleries)
http://photography.ashish-pragya.com/

Galleries Page (show only galleries listing)
http://photography.ashish-pragya.com/AllGalleries

Search Page (show only timeline, popular, map and keywords)
http://photography.ashish-pragya.com/find

In Chrome, I see following:
Homepage: timeline, popular, bio, featured, keywords
AllGalleries: timeline, popular, galleries, keywords
Search: timeline, popular, featured, keywords

Things to note:
Search content has spilled over everywhere
Map doesnt show up anywhere (and featured shows up instead of maps in search)

I am clueless, but I have seen other sites working fine in chrome (Andy's)
Anyone, any clues

[ashishpandey]

Bump... no one is using chrome yet??

[Allen]

Bump... no one is using chrome yet??
Do your realize you have a category named Galleries and you are seeing that
category and not the dup page? You can not use a category named Galleries or
galleries if you're using the dup homepage named galleries.

[ashishpandey]

Do your realize you have a category named Galleries and you are seeing that
category and not the dup page? You can not use a category named Galleries or
galleries if you're using the dup homepage named galleries.

Thanks Allen, but I do not have a dup homepage setup for Galleries. My dup is setup for AllGalleries. Galleries is just a category that has albums which redirect to other places (mainly other categories, sharegroups and albums) using vanity URLs

Besides the setup works perfectly on IE / Firefox. But chrome has problems. And same issues with the find page

Any other ideas?

[ashishpandey]

Bump!
Help please. I just noticed that my site has the same problem with Safari too. I wasn't too concerned with chrome as there wont be too many people using it yet, but given that safari is used a lot on mac's I am looking harder to try and fix it
Anyone, any ideas?

[jfriend]

Most likely you have an error or subtlety in your CSS that Firefox and IE tolerate, but webkit does not. When I copy your CSS into the W3C validator (http://jigsaw.w3.org/css-validator/), it shows me this bad rule:

.find #datesBox .boxBottom {
input { margin-left: 10px !important; }
p { padding-top: 3px; }
}

I'm not sure what you mean this to be, but you can't have nested CSS rules. This is probably causing webkit to skip all the rest of your CSS rules (which would cause it to miss the rules that hide some of the things on your homepage).

You might also try removing the blank line in the middle of this rule:

.homepage #popularPhotos,
.homepage #mapBox,
.homepage #datesBox,
.homepage #findText,

.homepage #keywordsBox {display: none;}

[ashishpandey]

Most likely you have an error or subtlety in your CSS that Firefox and IE tolerate, but webkit does not. When I copy your CSS into the W3C validator (http://jigsaw.w3.org/css-validator/), it shows me this bad rule:

.find #datesBox .boxBottom {
input { margin-left: 10px !important; }
p { padding-top: 3px; }
}

I'm not sure what you mean this to be, but you can't have nested CSS rules. This is probably causing webkit to skip all the rest of your CSS rules (which would cause it to miss the rules that hide some of the things on your homepage).

Perrrrrfect. Lesson learned - use the validator :D
Of course I did not mean the CSS to be nested, but maybe I wasn't fully awake when I did that. Broke it down into 2 rules and all is fine now :barb

Thanks :bow