Dear all,
I've tried to find the right section to post this question, so I hope you guys can help me.
Is a problem which occurs on the website of a charity organization i've been working on. http://2011.gateway.org.hk.
I havent been able to find out the real source of the problem, but my guess is, that it is linked with views and panels. Also it is related to the different browsers Firefox, Safari and IE.
1.) The problem occurs in Safari (for Mac & Windows) and in IE (for Windows). Firefox doesnt have this problem.
2.) besides that, the problem only occurs on the pages http://www.2011.gateway.org.hk/volunteers/staff-opportunities and http://www.2011.gateway.org.hk/outreaches/opportunities.
These are pages which are using the standard stucture of drupal, but also use the modules 'Views' and 'Panels' together.
But the front page and http://www.2011.gateway.org.hk/faq are also using views and panels, but on those pages are no problems at all.
The problem is in the vertical navigation on the left sidebar. This jumps below the contact instead of stays on the right place.
Would be great if someone can help me with this.
Thank you.
Comments
I'm not a themer, but I would
I'm not a themer, but I would guess that the problem is either with invalid HTML, or the different browsers' CSS quirks. I would first confirm that your HTML and CSS validates.
--
Dave Hansen-Lange
Director of Technical Strategy, Advomatic.com
Pronouns: he/him/his
And the problem is happening
And the problem is happening in FF4 Mac.
--
Dave Hansen-Lange
Director of Technical Strategy, Advomatic.com
Pronouns: he/him/his
Seems you are building a
Seems you are building a subtheme of Zen. Normally Zen's structure is good enough and cross browser compatible.
BTW, I found that your #sidebar-left is now INSIDE #content. In case of my blog http://edin.no-ip.com/ with theme http://drupal.org/project/interactive_media, the sidebar div is the same level as that of content. It is also a subtheme of Zen.
Are you moving some elements of page.tpl.php? Try to rollback or compare with my version ;-)
Edison Wong
CEO, Co-founder
PantaRei Design Limited
CSS fix
Add this to your CSS to fix it cross-browser:
#sidebar-left { top:0; }Thank you for the quick
Thank you for the quick replies.
It was the #sidebar-left element and i did change the page.tpl.php in the past...
But caphun, thank you for you line... it seems it is fixed because of that!
Very helpful!
Do you guys have a specific
Do you guys have a specific tool where you solve the Styling bugs with caused by the differences of the browsers...
I mainly use CssEdit for this, but this is build on the same engine Chrome is build on..
This means that the website in Firefox is (slightly) and IE (hugely) different.