Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / font size changes in left column when on SSL???

font size changes in left column when on SSL???

Locked

Views: 2,664

Results 1 to 19 of 19
This thread is locked. New replies are disabled.
27 Aug 2007, 5:45 PM
#1
frenchfrog avatar

frenchfrog

New Zenner

Join Date:
Jan 2007
Posts:
65
Plugin Contributions:
0

font size changes in left column when on SSL???

This happens in MAc safari only

Even worse, in Firefox Mac, the font is liek 8px everywhere..
any idea of what teh difference is when it comes to css for these browsers?

the site:

http://onceuponatimeonqueenanne.com.phtemp.com/store/

Thanks!

27 Aug 2007, 7:08 PM
#2
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

When I visit your site in FF 2.0.0.6 Mac I don't see what you describe. The fonts are not "8px everywhere" and they do not change in left column when in SSL.

I'm not sure why you would be seeing those things on your machine. Perhaps you found and fixed the problem already?

Rob

27 Aug 2007, 8:05 PM
#3
frenchfrog avatar

frenchfrog

New Zenner

Join Date:
Jan 2007
Posts:
65
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Hi Rob

Thank you for taking the time to review our issue.

we took screenshots of your site from FF and Safari, and you may see the differences there. Every Zencart has this issue from our Macs here:

https://www.pixclinic.com/examples/SafariScreenSnapz003.jpg
https://www.pixclinic.com/examples/FirefoxScreenSnapz002.jpg

Maybe a setting in Firefox that we are not aware of?

In Safari, The left links look the same in SSL and non-SSL on your site though (all our sites use a shared SSL, I don't know if it can make a difference). Even the stock Zencart doesn't display right...

28 Aug 2007, 7:32 PM
#4
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Yes, there is a difference in the way those two browsers draw fonts. (At least there is when the browsers use their default settings, which I never change so I can see what others see.)

But that wasn't what you were asking about, was it? If so, I didn't get that sense from your original message. You asked about font size changing under SSL. And you asked about really small font size -- 8px -- in FF.

Maybe you could be more specific about what you think is wrong.

Rob

14 Sep 2007, 2:13 PM
#5
beth_katherine avatar

beth_katherine

Zen Follower

Join Date:
Feb 2007
Posts:
158
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Mac here with the latest Foxfire. No secure layer yet but I've been having the same problem with my font changing size each time I call up a new page. It goes from 8pt to 12pt and then back again. Most annoying. Must be a Foxfire Mac problem.

Beth-Katherine

14 Sep 2007, 2:20 PM
#6
frenchfrog avatar

frenchfrog

New Zenner

Join Date:
Jan 2007
Posts:
65
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Thank you Catherine-Beth to let me know I am not the only one to have this Foxfire problem ;-)

14 Sep 2007, 6:16 PM
#7
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Oh! Foxfire - I don't have that browser so I didn't see the issue. :D

But seriously folk, there is almost certainly an issue with your site's CSS or template rather than with a particular browser. There are minor differences in the way browsers render things even when they don't have bugs, but nothing as extreme as what you're describing.

As to FrenchFrog's message saying that you took screen shots of my site showing the problem, that's not my site (I've never seen it before in fact) and they don't seem to show a problem. The shots are identical in fact.

I also don't see a problem when I go to the site you provide a link to, using my regular development browser, Firefox. Nor do I see a problem in Safari, though it renders the site slightly differently than FF. (Both are the latest versions in Mac OS X.)

Can you provide a link to a page that shows the problem you see, and describe what it should look like? I'm sure we can help.

Rob

14 Sep 2007, 6:24 PM
#8
frenchfrog avatar

frenchfrog

New Zenner

Join Date:
Jan 2007
Posts:
65
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

rstevenson:

As to FrenchFrog's message saying that you took screen shots of my site showing the problem, that's not my site (I've never seen it before in fact) and they don't seem to show a problem. The shots are identical in fact.
Rob

The jpgshave been removed from our server, and what you see is A 404 page ON OUR SITE (and yes, all 404 pages are identical :-), not yours of course, but I can assure you that these screenshots show obvious discrepancies

15 Sep 2007, 12:22 PM
#9
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Twice I've offered to help if you'd provide more information. But you haven't offered any more information to help me help. Information like a link to a page which shows the problem, or screen shots of it, or steps to follow so I can duplicate the problem -- anything... .

I'd like to see the images of my site that you say show the problem. That would be a good start to my figuring out what's wrong. Can you put them back up somewhere I can see them?

Rob

15 Sep 2007, 12:32 PM
#10
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

It would also help if you were specific about the browser versions in which you see the problem on your site. You may have an old version of Safari or FF for instance. There's another recent thread here in the Stylesheet forum which claimed a problem only in Safari, then they came back with another post saying they'd updated and now they had no problem.

Rob

15 Sep 2007, 1:50 PM
#11
beth_katherine avatar

beth_katherine

Zen Follower

Join Date:
Feb 2007
Posts:
158
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Thank you Rob for the feedback.

Yes it was the template, Cherry-Zen, as I tested the other templates and the problem didn't happen. I think it has something to do with the way Jade designed it to expand or contract as the viewer needed to change the font size. While looking at the site with Cherry-Zen on Safari I was shocked to see how different it was than with Foxfire. I asked Jade about the font changing and she said I probably had an open H3 somewhere but since I haven't change the code I have no idea where so am switching back to another template where the problem doesn't happen.

Pity it's a nice design.

:(

Beth-Katherine

15 Sep 2007, 2:36 PM
#12
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Hi Beth-Katherine,

If you think it's just something simple like an open tag, go to a page that shows the problem in your browser, copy the URL and then go to the XHTML validator at w3.org and paste in that URL to validate. The result should tell you where the problem tag is. Then you can track it down fairly easily in your various php files.

Or if you use a programmer's editor that validates the code, you can copy and paste the page code (view source in your browser) right into the editor and find the problem there. (I use BBEdit in Mac OS -- don't know what Windows editor to suggest.)

If you still have that template up, give me the URL of a problem page and I'll track down the problem for you. I've had so much help from others here I like to give back when I can.

Rob

15 Sep 2007, 4:45 PM
#13
beth_katherine avatar

beth_katherine

Zen Follower

Join Date:
Feb 2007
Posts:
158
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Thank you for the offer to help.

The problem is not consistent with the same page it just happens all of a sudden. I tested it just now and the first two page choices came up with the right sized font but then the next two page choices came up big and then the next came back to small. Really freaky.

I tried to validate the code but all that came back were complaints about my use of the & without the proper coded way of presenting it.

Perhaps you'll have better luck

http://smockingbooks.com/index.php?main_page=index&cPath=

Thanks for the help,

Beth-Katherine

15 Sep 2007, 6:48 PM
#14
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

Verrrryyyy interestingggggg...

There is an odd little character at the very top of the code in that page (and you can see it at the top-left of the page in your browser if you squint), with similar odd characters down at the bottom in your copyright notices...

Site designed by Beth-Katherine Kaiman Copyright � 2007
Some graphics are Copyright � 2007 by Graphic Garden

Those last two can be written as "©" in your defines. You probably used just the copyright character itself when you edited the defines. Look for define('FOOTER_TEXT_BODY' in your english.php file.

The doctype declaration at the top of your page code comes from the html_header.php file. Check it out to see if there is a stray character above the doctype declaration in that file.

When I copy the code of your page into my editor and delete that odd character at the top, the number of errors drops from 76 to 21, then down to 18 when I fix the bottom 2.

Most of the other errors, as you say, are not serious: you can always type in "&" instead of the "&" character when you're entering text in product names and descriptions, if you wish. That would get rid of many of the errors but those errors are not affecting the visual rendering of the page.

You need (and this is much more serious as it will affect page rendering) to use the correct form of break tag when you're entering description or other text. HTML allows <br> tags but XHTML, which is what Zen Cart uses now, requires the form <br />. You can see this on your page, where you say > Welcome to our garden! <br>Within these pages ... Those need to be corrected because they cause further errors and can confuse browsers.

One more thing: up in your Search box, the code reads, in part...> <input type="search" "Search" is not a type for input and that throws another error. This won't affect your page visually, but the more errors you can get rid of, the better. Is that a mod?

I have the feeling that if you go back and fix the code, and do a little corrective editing in your text, the visual problem will likely go away.

Let me know how things go after you do these things.

Rob

15 Sep 2007, 7:31 PM
#16
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

I don't see that much difference in my Safari and Firefox, though I could certainly reproduce it by changing some of the settings in them.

Are you sure that both browsers you're using are set to their default states, just as they were when they were installed? If you use either as your regular browser it's easy to make a little change in the prefs and forget about it.

At any rate, be assured that my site doesn't look that different in different browsers - really! I check in several browsers as I develop, then habitually check my sites whenever I'm near someone else's computer. They (and every other site in the world) do render a little differently in different browsers -- that's the nature of the web at this point in its development. I don't worry about it.

any non XHTML tags in your pages?

None that I noticed. :smartalec: But that doesn't mean that the next time I edit something they won't slip in -- again!

Rob

16 Sep 2007, 4:30 AM
#17
beth_katherine avatar

beth_katherine

Zen Follower

Join Date:
Feb 2007
Posts:
158
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

[quote=rstevenson;433005]Verrrryyyy interestingggggg...

There is an odd little character at the very top of the code in that page (and you can see it at the top-left of the page in your browser if you squint), with similar odd characters down at the bottom in your copyright notices...>>

I can see it now but haven't a clue where it is. I've included my total Header file at the end so maybe you can see where it is. This is from the Chery-Zen files.

<<Those last two can be written as "©" in your defines. You probably used just the copyright character itself when you edited the defines. Look for define('FOOTER_TEXT_BODY' in your english.php file.>>

Ok I fixed that problem and got rid of the <br> and added in a bullet (coded properly)

<<The doctype declaration at the top of your page code comes from the html_header.php file. Check it out to see if there is a stray character above the doctype declaration in that file.>>

Where do I find the "html_header.php" file?

<<One more thing: up in your Search box, the code reads, in part... "Search" is not a type for input and that throws another error. This won't affect your page visually, but the more errors you can get rid of, the better. Is that a mod?>>

This is straight from Chery-Zen template. What should I change "search" to that would make sense.

My header file

<?php /** * @package languageDefines * @copyright Copyright 2003-2006 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: header.php 2940 2006-02-02 04:29:05Z drbyte $ */ // header text in includes/header.php define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account'); define('HEADER_TITLE_MY_ACCOUNT', 'My Account'); define('HEADER_TITLE_CART_CONTENTS', 'Shopping Cart'); define('HEADER_TITLE_CHECKOUT', 'Checkout'); define('HEADER_TITLE_TOP', 'Top'); define('HEADER_TITLE_CATALOG', 'Home'); define('HEADER_TITLE_LOGOFF', 'Log Out'); define('HEADER_TITLE_LOGIN', 'Log In or Register'); // added defines for header alt and text define('HEADER_ALT_TEXT', 'Garden Fairies Trading Company'); define('HEADER_SALES_TEXT', 'Smocking, Heirloom Sewing, Silk Ribbon Embroidery & Other Forms of Needlework Arts'); define('HEADER_LOGO_WIDTH', '352px'); define('HEADER_LOGO_HEIGHT', '86px'); define('HEADER_LOGO_IMAGE', 'logo.jpg'); // header Search Button/Box Search Button define('HEADER_SEARCH_BUTTON','Search'); define('HEADER_SEARCH_DEFAULT_TEXT', 'Enter search keywords here'); ?>

Beth-Katherine

16 Sep 2007, 4:30 PM
#18
beth_katherine avatar

beth_katherine

Zen Follower

Join Date:
Feb 2007
Posts:
158
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

:clap: I found that little sucker '

It was hiding in my languages/english/index.php file on the very top. Somehow during the reloading of my database fiasco that file must have bene corrupted.

This is what was on the very top of the file

`<?php

and this is what it should be

<?php Thank you Rob for pointing it out now the font changing problem is fixed and all is well. Now onto uploading 4,000 more products and I'm done, :wink2: Beth-katherine
16 Sep 2007, 7:45 PM
#19
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: font size changes in left column when on SSL???

<<One more thing: up in your Search box, the code reads, in part... "Search" is not a type for input and that throws another error. This won't affect your page visually, but the more errors you can get rid of, the better. Is that a mod?>>

This is straight from Chery-Zen template. What should I change "search" to that would make sense.

Here's the error as reported by my validator.

Value of attribute “type” for element “<input>” is invalid; Value must be one of {“text”,“password”,“checkbox”,“radio”,“submit”,“reset”, “file”,“hidden”,“image”,“button”}.

I believe the correct type for this sort of input element is "text". Try it and see if the search box is still working right. If not, you may have to ask the Cherry Zen developer why it's set to a non-standard value.

Glad you found that little guy and fixed the text-size issue. :clap:

Rob