Different look depending on browser


Author Message
Tony

Posted: 9/3/2010
Quote message 

I have set up a site in Firefox and it looks fine. When I view it using Chrome or IE it looks different.

In both browsers, the content starts higher up the page and goes under the tabs at the top menu. On IE the furthest tab to the right is cut off short.

Any ideas?

Tony
 
Lawrence

Posted: 9/5/2010
Quote message 

Hello Tony,

Try to include this in your page.tpl.php file.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Without this, Internet Explorer tends to emulate older browsers. If this doesn't help, I'll try to think of something else. I'm not the best in CSS. :-)
 
Tony

Posted: 9/6/2010
Quote message 

Lawrence, thanks for your help. This is the first two lines in page.tpl.php.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo get_page_language($language); ?>" xml:lang="<?php echo get_page_language($language); ?>">

I replaced the first line with what you suggested but it made no difference. I also tried adding it addition to what was there and again it made no difference.

In my layout I have the navigation bars in the menu area across the top which is where the issue is. If I move the navigation menu to the left in Drupal, they are all the same. Not sure if that helps.

Tony
 
Tony

Posted: 9/6/2010
Quote message 

I have just reduced the menu items to one bar along the top instead of two and it is okay on all three browsers, so the issue seems to be with two rows of menus when navigation is set to menu. It works fine with Firefox but not with IE or Chrome or Safari (just tried that one).

I wonder why Firefox is okay but none of the others are?

I think this is a Drupal issue rather than Artisteer.

Tony
 
Lawrence

Posted: 9/7/2010
Quote message 

This is a tough one to answer. I don't think it's Drupal related, perhaps with how browsers render the code generated with Artisteer. It could also be a module, but I'd have to know which modules you were using in order to determine that.

One question, when you say two rows of menus, did you mean you placed a menu (block) into the menu region? If so, then yes, that's an artisteer issue. Currently Artisteer only supports one row for the horizontal menu. Maybe this answers your question, if not, I'd have to see your website. :-)
 
Tony

Posted: 9/7/2010
Quote message 

Lawrence, yes that is the problem. If it is an Artisteer issue then for some reason it works fine on Firefox but not IE, Chrome or Safari.

I will work around it knowing that so thanks for your help.

Tony

 
Lawrence

Posted: 9/9/2010
Quote message 

You're welcome. If you learn anything, please share. :-)
 
Joel Raedeke

Posted: 9/9/2010
Quote message 

Artisteer is a great starting point for theming but the lack of a vertical menu bar is frustrating. Will vertical menu's be supported any time in the near future?
 
Lawrence

Posted: 9/10/2010
Quote message 

I've never tried the vertical menu feature of Artisteer, but I do know you can use the block generated by the menu system of Drupal. Can't you just place that in a sidebar and get a vertical menu? :-)
 
Knjigor

Posted: 10/18/2010
Quote message 

Quote Joel Raedeke:

Artisteer is a great starting point for theming but the lack of a vertical menu bar is frustrating. Will vertical menu's be supported any time in the near future?


There is vertical menu bar in Artisteer (for joomla), you yust need to add extra code in menu module you wont to be a vertical menu: "art-vmenu" in
Advanced Parameters->Module Class Suffix
 
Neil

Posted: 10/22/2010
Quote message 

Lawrence,

I have been having problems myself with Safari and Chrome. My problem was that no CSS styling at all was being applied to the site - everything was displaying as plain HTML . I did a bit of searching and came across this post:

http://www.artisteer.com/?post_id=140469&p=forum_post&topicsPage=2&forum_id=22

Check out the remarks by SandraL, regarding finding "placeholder" tags. I tried this approach and altered all the tags I could find that had dummy values, and now the site is working fine in Chrome, though there still an issue with Safari. Might work for you!

NEIL