IE7 cuts off bottom half of site title in header

[david434]

I am having a problem with the standard out-of-the-box template. 

It displays properly in Firefox, MS IE 6.0,  however not in IE7. 

See attached file and/or http://www.austinuu.org/site/

The site title is "First UU Church of Austin".  The top half of the text is displayed, but the lower half shows the background color.



Here is the style sheet:

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
  height: 40px;    /* adjust according your image size */
  background: #FFFFCC;         
}



... and the template


 
           {cms_selflink dir="start" text="$sitename"}

 
 
 


I don't see what could be causing these problems --- any assistance would be appreciated.



[gelöscht durch Administrator]

[JohnnyB]

IE7 is showing a different font size than FF.

Add this:

div#header h1 {
font-size:2.5em;
}

below:

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
  height: 40px;    /* adjust according your image size */
  background: #ffffcc;         
}

Or use what ever font size looks good to you...

[adwindham]

Add this:

div#header h1 {
font-size:2.5em;
}

I tried that, and it still cuts off the bottom portion of the text.  If I change the size to 1 em, the entire text shows up, but that is too small, in my opinion.  I am playing with the stylesheet to make some other changes to make it look better and will post what I did. 

[moorezilla]

I've run into this in the past and I've fixed it by taking block html out and using breaks to position the text. It's not pretty, but it has worked for me.

For example, on my site

Code: Select all

<p>Name of my site</p> didn't work 

but

<br />Name of my site  was fine

This was the only way I could get it to display correctly in IE 6, 7, Firefox, and Opera.