Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

zed

macrumors 6502
Original poster
Feb 4, 2002
393
24
Atlanta, GA
I am in the process of re-coding a site for a friend of mine. The site was originally built using tables and sliced images, but I want to bring it into the world of css. I re-coded the site, wrote all the css and as a last step I am using cufon to make the fonts match the old table based layout.

All was going well until today when I started testing out the new build on a few pages.

For some reason whenever the url contains the "www" all of the text on the page gets smaller. Remove the "www" and the site looks like what i intended it to look like.

This appears to only be happening in Firefox, Safari seems fine (and I have not yet fired up Parallels to test IE)

Does anyone have an idea of why this might be happening?

Here are the links, one with the www and one without:
http://alexapulitzer.com/products/noteCards/notecards_01.php

http://www.alexapulitzer.com/products/noteCards/notecards_01.php

Actually, I just tried this out on some of the other pages of the site (the old table based ones) and they are doing the same thing.

Any ideas?
 
Well.. firefox on my iMac does not appear to have this issue. Maybe it's just my macbook going crazy.
 
It's not happening to me BUT I know why it's happening to you—

It's probably specific to certain combinations of FF (whatever version you're running) and things like cufon and inconsistent absolute URL references.

You're linking to pages and supporting files (like JS and CSS) with absolute paths:

Code:
src="http://www.alexapulitzer.com/js/cufon-yui.js"
and
Code:
href="http://alexapulitzer.com/products/pads/pads_01.php"


If you can't rely on relative paths, you should be linking to them at a root-relative level:

Code:
src="/js/cufon-yui.js"
and
Code:
href="/products/pads/pads_01.php"
 
It's not happening to me BUT I know why it's happening to you—

It's probably specific to certain combinations of FF (whatever version you're running) and things like cufon and inconsistent absolute URL references.

I had no idea that that would make any difference. I'll go back into the file and make all of my links consistent. I like that method of linking better anyway, it seems much cleaner. Thanks! :)
 
Are you sure you're not zoomed out and it's cached?

Yeah, I'm positive that this is not the case. I have even made a straight up html file with nothing but a line of text and it still does it. So far I can only duplicate it with Firefox 3.6.8 on my macbook. Every other computer I have tried does not do this.

I'll test out my office machine tomorrow, it is running the same version of FF that I am on my macbook.

Here's the simple test file that still gives me the issue:

http://www.alexapulitzer.com/test.html

and

http://alexapulitzer.com/test.html
 
I cleared all caches and history and it is still happening. I've tried numerous other computers in my office and it appears that it only does this on my macbook, which I find very strange. Also, it appears to only happen with this particular domain.

Looking on the bright side, at least I learned a new method of linking from the root directory (thank you eponym) :)

Here is the screenshot:
 

Attachments

  • screen.jpg
    screen.jpg
    59.4 KB · Views: 97
It's not happening to me BUT I know why it's happening to you—

It's probably specific to certain combinations of FF (whatever version you're running) and things like cufon and inconsistent absolute URL references.

I second this. You should if at all possible use root-relative level urls. They eliminate the need to consider "http://www", "http://", or even "https://" also some servers depending on domain forwarding will also break if you include the full url especially if you alias.

That's why it's just good practice IMHO to use things like "/images/myimage.png" or "/js/scripts/myscript.js" etc. if at all possible.

I know sometimes it's not but if you can by all means I also suggest using them.
 
Can change web hosting without breaking links

Another nice aspect of root relative links--as opposed to document relative links (../img/whatever) or absolute links (http://whatever.com/filename)--is that you can move your web to another hosting service without having to repair all your links.
 
I cleared all caches and history and it is still happening. I've tried numerous other computers in my office and it appears that it only does this on my macbook, which I find very strange. Also, it appears to only happen with this particular domain.

Looking on the bright side, at least I learned a new method of linking from the root directory (thank you eponym) :)

Here is the screenshot:

Something looks off, but I'd chalk it up to "user error" :) I know it's not, but I mean there is nothing wrong with what you go there. Otherwise you'll just be pissing in the wind trying to figure this one out.
 
Try Command + 0 (zero) to reset the zoom level.

Firefox will remember your zoom level for that domain, and it is differentiating between the "www" and non-www versions.
 
Try Command + 0 (zero) to reset the zoom level.

Firefox will remember your zoom level for that domain, and it is differentiating between the "www" and non-www versions.

That fixed it! Thanks!

wow.. I feel like an idiot.

I never use the zoom feature in Firefox, at least not intentionally. I'm not sure how it got set to zoom out, but resetting it fixed the problem.

ChicoWeb, you were right... "user error"

Thanks to everyone who chimed in.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.