Forums / Templates, Stylesheets, Page Layout / Different browsers show different results

Different browsers show different results

Locked

Views: 882

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
24 Feb 2010, 4:21 AM
#1
osaeed avatar

osaeed

New Zenner

Join Date:
Jan 2010
Posts:
51
Plugin Contributions:
0

Different browsers show different results

Zencart latest with security patches applied.

Addons: Footer menu, Super orders, IH2

Website- http://halalitems.com/index.php

Problem:

I added a footer menu addon in my website and I did some changes to how i wanted it to look. When I did those changes, I went and saw the results using both browsers Internet Explorer and Firefox. Both browsers are the latest ones I have with updates, etc.

The two browsers show different results. The footer menu in IE is all underlined, and in Firefox they are not. I want firefox to look like exactly like IE, if you also notice the Information sidebox the links are spaced between as well and underlined. In Firefox, they are not. I am confused why are they outputting different results when the code is the same thing? Do browsers read the code in a different manner?

Also last but not least, the information sidebox, if you click on privacy notice, it gives a HEADING_TITLE error. I have put lots of text in that by using the defines_page. I dont know what happened to that text I put, as it wont show up when I click Privacy page.

I use Firebug to edit. What a godly tool huh?

Thanks any help would appreciate.

24 Feb 2010, 5:19 AM
#2
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Different browsers show different results

osaeed:

Zencart latest with security patches applied.

Addons: Footer menu, Super orders, IH2

Website- http://halalitems.com/index.php

Problem:

I added a footer menu addon in my website and I did some changes to how i wanted it to look. When I did those changes, I went and saw the results using both browsers Internet Explorer and Firefox. Both browsers are the latest ones I have with updates, etc.

The two browsers show different results. The footer menu in IE is all underlined, and in Firefox they are not. I want firefox to look like exactly like IE, if you also notice the Information sidebox the links are spaced between as well and underlined. In Firefox, they are not. I am confused why are they outputting different results when the code is the same thing? Do browsers read the code in a different manner?

Also last but not least, the information sidebox, if you click on privacy notice, it gives a HEADING_TITLE error. I have put lots of text in that by using the defines_page. I dont know what happened to that text I put, as it wont show up when I click Privacy page.

I use Firebug to edit. What a godly tool huh?

Thanks any help would appreciate.

open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css

find the following and add the highlighted portion:

li a {margin:0;padding-left:2em; text-decoration:underline;display:table-row;}

open includes/templates/YOUR_TEMPLATE/cs/stylesheet.css

add the following:

#informationContent ul li a {text-decoration: underline;)

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

24 Feb 2010, 5:39 PM
#3
osaeed avatar

osaeed

New Zenner

Join Date:
Jan 2010
Posts:
51
Plugin Contributions:
0

Re: Different browsers show different results

Hi Clyde and thanks for your generous help man. For some reason, those above steps didnt work for some reason. I got it to work, by changing this display: table-row to display:compact and edited the padding to 0em which did the trick.

I appreciate your assistance. Take care