up vote -1 down vote favorite
share [fb]

Brief: This is my 4th Drupal Site running in Drupal 7. It works fine in FF and IE9, but the inner pages are having alignment issues in IE7, IE8, Chrome and Safari.

Do you have any idea for what I need to do to get this working in the mentioned browsers?

link|improve this question
Not a Drupal question. – Fidelix Sep 15 at 21:50
feedback

closed as off topic by tim.plunkett♦ Sep 16 at 2:41

Questions on Drupal Answers - Stack Exchange are expected to generally relate to drupal, within the scope defined in the faq. See the FAQ.

2 Answers

up vote 0 down vote

This isn't really a Drupal-specific question, but 95% of browser differences are caused by

  1. Invalid HTML
  2. Invalid CSS
  3. Reliance on undefined behavior that just happens to look OK
  4. Not understanding what a blip of CSS is actually supposed to do

Fixing these, in order, will solve most of your problems and often eliminates the need for browser-specific fixes.

link|improve this answer
What you said goes without saying. I have debugged much of the code and I still don't see the CSS issue. I am posting for someone who can spot the issue not point out that there are issues :) – KevinOrin Sep 15 at 18:55
I think what MPD is saying makes sense. This is not a Drupal question, rather a CSS question, which you could have asked on the general stack exchange site, tagging CSS. – Aaron Sep 15 at 20:25
feedback
up vote 0 down vote

I suggest use different CSS files for different browsers. Drupal offer some tools to achieve this:

http://drupal.org/project/conditional_styles http://drupal.org/project/css_browser_selector

or you can use other alternatives like use PHP to different CSS according user agent, for example http://www.conditional-css.com/index

link|improve this answer
Will consider this as a last option but I'm sure the problem can be solved in the current HTML/CSS as I have never needed a module or conditional sheets for even more complex Drupal sites than this one. – KevinOrin Sep 15 at 18:56
I think that use different CSS (regarding browsers) is a common situation, for example according IE Browsers or other devices/browsers. I suggest not consider like a last option. Its my opinion. – moon.watcher Sep 15 at 19:08
I would still have to find the HTML/CSS issues before I write conditional CSS to fix them which is the reason for this Q. To find the issues. – KevinOrin Sep 15 at 19:16
regarding your issue, I have detected that your logo area is blocking the correct ubication of the left region. According my rough test, with 'Position', some 'z-index', 'paddings' or 'margins' you can control this. – moon.watcher Sep 15 at 19:42
THANK YOU, that's exactly what I needed to know..the source of the problem. Working on a fix now :D – KevinOrin Sep 15 at 20:20
show 1 more comment
feedback

Not the answer you're looking for? Browse other questions tagged or ask your own question.