CODEWITHSUNDEEP
html
Paul
Paul

Reputation: 1004

Windows 7 IE8 Font Size Issue with em

When viewing my application thru Windows7 IE8, I noticed that the Font Size for H1 and H2 Tags are completely off and too large.

This causes the Titles to wrap and wrecking everything below it.

The Font Sizes are set to em and not px, and Im not sure if this is causing the issue. font-size: 2.7em;

I have XP w/ IE8 and the application looks fine. I also checked this w/ MS Expression Superview, and it checked fine in all of the browsers.

http://www.davincispainting.com

In this ScreenShot the H1 & H2 Titles appear correct. However, if this is viewed with Windows7 IE8 there exists the problem.

enter image description here

Here are the Style Classes for H1 & H2 Tags:

#mid-feature h1 {
color: #FF0000;
font-family: Arial,Helvetica,sans-serif;
font-size: 2.7em;
}
#midlower-feature h2 {
color: #0C2A55;
font-family: Arial,Helvetica,sans-serif;
font-size: 2em;
/*text-align:center;*/
}

Upvotes: 1

Views: 3642

Answers (1)

moribvndvs
moribvndvs

Reputation: 42497

You may wish to include a CSS reset page before your CSS. The purpose of a reset is to get the default state of all elements into a consistent state for all browsers, so your particular CSS styling has a better chance of looking the same on each browser.

YUI has a reset you can use.

Upvotes: 2

Related Questions