Two lines of text overlap when using H1 in Internet Explorer

you might look at this

You no size set for the h1 element, IE and Firefox set different default sizes (i think).

Firefox will do the same if you increase the font-size of the element.

You currently have..
<h1 align="center"><strong>Understanding Compounding Interest</strong></h1>

You not use to CSS?…

Why not..
<h1 class="someclass">YOUR TEXT ETC..</h1>
and…

h1.someclass {
  text-align:center;
  font-weight: bold;
  font-size: 25px;
  line-height: 23px;
}

Currently IE is rendering at 30px or so for the h1 element, where as firefox is more like 23-25px …

Naturally the larger render (in IE) causes the text to wrap onto the next line, so you’ll need to adjust line-height if you intend to use 30px for the h1 element…

Does that help?

samboll,

thanks, I took a look and saw that my H1 is not allowed.

I used DreamWeaver CS3 and have it set to xhtml but maybe I can find another solution.

Jane

Hi t31os_

Thanks for replying.

The overlapping text is happening to to text that’s entered into the “title” field of a new post, and I don’t know how to change just that.

Any ideas?

Thanks,

Jane

Jane please read my post again, i am speaking in regard to that piece of text you described.

You’re editting the theme files are you not?

P.S. I’ve given you the solution… ??

Or if you want a quick easy fix, add the following to

wp-content/themes/YOURTHEMENAME/style.css

Where YOURTHEMENAME is the theme you’re using (of course)… ??

.entry h1 { font-size:25px;line-height:28px;text-align:center }

If you’re having a problem understanding, please say where, and what requires further explanation.

We fixed it thanks ??

I didn’t realize that I just had to add the code to the stylesheet.

Jane

You madaam are guilty of post skimming!.. ??

Don’t worry i do it to sometimes… ??

Glad i could help… ??

I looked for “post skimming” definition

on Google and didn’t find a definition.

So at least I don’t do it on purpose ?? *