Won't position correctly in IE

[miker1961]

Can someone take a look at his page and code in an IE browser. For some reason I cannot get the h1 text to position down from the box I have it set in. It looks fine in Firefox and Safari both on MAC and PC.

I set an IE browser hack but it's not working. Here is the url:

http://www.efotolab.com/home2.htm

Thanks
Mike

[eWish]

It might have something to do with the HMTL and CSS errors. I would suggest that you validate both first.

--Kevin

[David Laakso]

h1 {
margin: 20px 0 0 0;<--------------------------- :: add
}
 

When you say you got a problem in IE, please be specific -- state the OS and browser version (s) of IE in question -- some of us run more than one version of that browser on more than one OS, and they ain't all the same...

BTW, nothing wrong with setting pixel font-sizes. Too bad Redmond does not cooperate in scaling them unless font-sizes are ignored. And, fwiw, line height when set in pixels trips all versions of IE and Opera (vertical overlap with font-scaling scaling). Best off using a raw number for line-height....

[miker1961]

When you say raw number are you referring to ems and/or percentages? I tired ems for line spacing and still have the problem.

Thanks
Mike

[drhowarddrfine]

Neither. If you use a "raw number", such as 'line-height:1;' then the value is used as a multiplier of the font-size.

[David Laakso]

By raw number for line-height I mean use no unit of measure.
Some examples:

line-height :  1;
line-height :  1.1;
line-height :  1.2;
line-height :  1.3
line-height :  1.4;
line-height :  1.5;
line-height :  1.6;
line-height :  1.7;
line-height :  1.8;
line-height :  1.9
line-height :  2.0;
and so on...
 

All versions of Opera and all versions of IE will be more cooperative when the fonts are scaled.

Right now you have the fonts frozen in all versions of IE as well. In order for children of all ages to read your mousetype some of those users will have to put their browser in "accessiblity" mode, check the "ignore font-sizes specified" box, and check font-size "largest" to scale pixel based fonts.

A more user friendly method, if you're up for it , is to set a base 100% on the body declaration and set a percent font-size (rather than pixel) for selectors thereafter throughout the style sheet.

Something like this::

body {font: 100%/1.4 helvetica, arial, sans-serif;}