wordpress, css, IE :(

[martinsc]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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....