wordpress, css, IE :( - GoFuckYourself.com

martinsc · 03-10-2007, 02:18 AM

i need some help here...
please take a look at http://www.thepussyblog.com/ both in IE and in Firefox - notice the difference in the fontsize?
i've been going through the css endless times and just can't figure out what the fuck is causing these huge fonts in IE...
anybody any idea?

thanks

wyldworx · 03-10-2007, 02:23 AM

I will find the article which explains this....but my understanding is that it has something to do with the resolution standard in IE has been upgraded as default. I dunno if that makes sense to you but i will go ahead and find the article.

martinsc · 03-10-2007, 02:28 AM

Quote:

Originally Posted by wyldworx

I will find the article which explains this....but my understanding is that it has something to do with the resolution standard in IE has been upgraded as default. I dunno if that makes sense to you but i will go ahead and find the article.

Thanks....

jayeff · 03-10-2007, 03:21 AM

I can't guarantee it is the only problem, but I'm surprized (if I'm not mistaken) you haven't noticed you are also seeing the wrong font face. The culprit for both problems is this line in your main stylesheet:

font:12 Verdana,Tahoma,Arial,sans-serif;

You must put a unit after the size, thus (assuming px is correct and not pt):

font:12px Verdana,Tahoma,Arial,sans-serif;

BTW it is very unlikely someone would have Tahoma and not Verdana, so using them both is a little superfluous and Mac users aren't catered for at all. I would recommend:

font:12px Verdana, Geneva, sans-serif;

or for the very anal:

font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;

martinsc · 03-10-2007, 03:36 AM

Quote:

Originally Posted by jayeff

I can't guarantee it is the only problem, but I'm surprized (if I'm not mistaken) you haven't noticed you are also seeing the wrong font face. The culprit for both problems is this line in your main stylesheet:

font:12 Verdana,Tahoma,Arial,sans-serif;

You must put a unit after the size, thus (assuming px is correct and not pt):

font:12px Verdana,Tahoma,Arial,sans-serif;

BTW it is very unlikely someone would have Tahoma and not Verdana, so using them both is a little superfluous and Mac users aren't catered for at all. I would recommend:

font:12px Verdana, Geneva, sans-serif;

or for the very anal:

font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;

Thanks
but that's not the problem... i played around with the style a bit and therefore the unit was missing...
i've updated the style to what you suggested, but still....

jayeff · 03-10-2007, 04:32 AM

Unfortunately, since your (X)HTML isn't valid, the CSS validator at http://validator.w3.org/ won't run. You have a bunch of problems: another I spotted was that you have closed an H2 with plain 2, which of course doesn't close it at all... there are several other open tags.

I suspect that if you clean up your code, now that you have fixed the body/font reference, your problem will go away. Even if not, right now it would be hard to pinpoint the specific cause. I don't believe some IE/FF incompatibility is causing it.

tenderobject · 03-10-2007, 04:41 AM

nice site. what template are you using?

hey man have you tried xlabor templates (xlamb and XL2) for the new WP version? having a second thought of upgrading mine.. might get some problem

martinsc · 03-10-2007, 04:44 AM

Quote:

Originally Posted by jayeff

Unfortunately, since your (X)HTML isn't valid, the CSS validator at http://validator.w3.org/ won't run. You have a bunch of problems: another I spotted was that you have closed an H2 with plain 2, which of course doesn't close it at all... there are several other open tags.

I suspect that if you clean up your code, now that you have fixed the body/font reference, your problem will go away. Even if not, right now it would be hard to pinpoint the specific cause. I don't believe some IE/FF incompatibility is causing it.

Thanks.
i am using a downloaded template and actually never run it through validator.org... i can see all those errors now and will go through them
thanks again

martinsc · 03-10-2007, 04:45 AM

Quote:

Originally Posted by tenderobject

nice site. what template are you using?

hey man have you tried xlabor templates (xlamb and XL2) for the new WP version? having a second thought of upgrading mine.. might get some problem

http://webgazette.co.uk/wordpress-themes/wp-andreas09/

martinsc · 03-10-2007, 05:18 AM

Quote:

Originally Posted by jayeff

Unfortunately, since your (X)HTML isn't valid, the CSS validator at http://validator.w3.org/ won't run. You have a bunch of problems: another I spotted was that you have closed an H2 with plain 2, which of course doesn't close it at all... there are several other open tags.

I suspect that if you clean up your code, now that you have fixed the body/font reference, your problem will go away. Even if not, right now it would be hard to pinpoint the specific cause. I don't believe some IE/FF incompatibility is causing it.

Thanks again!
cleaning up the code a bit did fix the issue

jayeff · 03-10-2007, 05:49 AM

One last thing... I assume the point of pink.css is so you could add some custom codes without over-writing the original file? If so, having a single large CSS file is quite a bit more efficient than having two small ones. Just paste the contents of pink.css into the bottom of style.css and it will work as it does now...

martinsc · 03-10-2007, 05:51 AM

Quote:

Originally Posted by jayeff

One last thing... I assume the point of pink.css is so you could add some custom codes without over-writing the original file? If so, having a single large CSS file is quite a bit more efficient than having two small ones. Just paste the contents of pink.css into the bottom of style.css and it will work as it does now...

it's only for the other colored versions of the theme....

03-10-2007, 02:18 AM	#1
martinsc Too lazy to set a custom title Industry Role: Join Date: Jun 2005 Location: 127.0.0.1 Posts: 27,047	wordpress, css, IE :( i need some help here... please take a look at http://www.thepussyblog.com/ both in IE and in Firefox - notice the difference in the fontsize? i've been going through the css endless times and just can't figure out what the fuck is causing these huge fonts in IE... anybody any idea? thanks __________________ Make Money

03-10-2007, 03:21 AM	#4
jayeff Confirmed User Join Date: May 2001 Posts: 2,944	I can't guarantee it is the only problem, but I'm surprized (if I'm not mistaken) you haven't noticed you are also seeing the wrong font face. The culprit for both problems is this line in your main stylesheet: font:12 Verdana,Tahoma,Arial,sans-serif; You must put a unit after the size, thus (assuming px is correct and not pt): font:12px Verdana,Tahoma,Arial,sans-serif; BTW it is very unlikely someone would have Tahoma and not Verdana, so using them both is a little superfluous and Mac users aren't catered for at all. I would recommend: font:12px Verdana, Geneva, sans-serif; or for the very anal: font:12px Verdana, Geneva, Arial, Helvetica, sans-serif; Last edited by jayeff; 03-10-2007 at 03:23 AM..

03-10-2007, 04:41 AM	#7
tenderobject Need Designs? 312352846 Industry Role: Join Date: Dec 2004 Location: Somewhere Posts: 11,688	nice site. what template are you using? hey man have you tried xlabor templates (xlamb and XL2) for the new WP version? having a second thought of upgrading mine.. might get some problem __________________ NEED DESIGNS?!?

03-10-2007, 02:23 AM	#2
wyldworx So Fucking Banned Join Date: Dec 2006 Location: oz-trailer Posts: 5,144	I will find the article which explains this....but my understanding is that it has something to do with the resolution standard in IE has been upgraded as default. I dunno if that makes sense to you but i will go ahead and find the article.

03-10-2007, 04:32 AM	#6
jayeff Confirmed User Join Date: May 2001 Posts: 2,944	Unfortunately, since your (X)HTML isn't valid, the CSS validator at http://validator.w3.org/ won't run. You have a bunch of problems: another I spotted was that you have closed an H2 with plain 2, which of course doesn't close it at all... there are several other open tags. I suspect that if you clean up your code, now that you have fixed the body/font reference, your problem will go away. Even if not, right now it would be hard to pinpoint the specific cause. I don't believe some IE/FF incompatibility is causing it.

03-10-2007, 05:49 AM	#11
jayeff Confirmed User Join Date: May 2001 Posts: 2,944	One last thing... I assume the point of pink.css is so you could add some custom codes without over-writing the original file? If so, having a single large CSS file is quite a bit more efficient than having two small ones. Just paste the contents of pink.css into the bottom of style.css and it will work as it does now...