View Single Post
Old 01-28-2008   #4 (permalink)
agentxi
photoshop ninja
 
agentxi's Avatar
 
Join Date: Oct 2006
Location: Red Deer - ish, Alberta
Posts: 535

I would specify a width value for whatever your H1 is in... right now it's body and your body tag needs to have a set width: 100%; for it to fit your text.... unless you want the h1 to wrap, then you can specify white-space: wrap;

now you have an issue of the text getting cut off, that is because you specified a line-height: of 1.3em for the body tag, you need one set for your h1 tag, because ie has issues of inheritance...

if you want your 5em text to fit, i would also specify a line-height: 1.3em; to your h1 tag. Now in this case, if you add line-height: 1.3em to your h1 tag, that does mean it is 1.3em like your body tag cuz the scaling rules have changed.

the 1.3em in the body tag will refer to the browser default, which is usually 16px.

but the 1.3em inside the h1 tag will now refer to it's parent which is 5em. lol this is why i hate using em's but yeah...

wow i just reread my post and it might be confusing, to recap,

add body {width: 100%;}

add h1 {line-height: 1.3em;}
__________________

And, isn't sanity really just a one-trick pony anyway? I mean all you get is one trick, rational thinking, but when you're good and crazy, oooh, oooh, oooh, the sky is the limit.
agentxi is offline   Reply With Quote