[css-d] IE8 rendering issue

[Scott Povlot]

I need some help with a rendering problem on IE8 that does not show on other 
browsers including IE7, Firefox and Chrome. I am using an image replacement 
technique for the title header.  On IE8, there is a large gap at top of the 
image so the backgrounds don't match up.

The website is http://piedmont-div.org/pilgrimage/ .

The CSS in question is :

#header h1 {
background: transparent url(/pilgrimage/images/pp_title.jpg) no-repeat top 
left; 
margin: 0;
padding: 0;
font-size: 3em;
font-weight: bold;
overflow:hidden;
text-indent:-5000px;
height:79px;
}

The HTML is 
h1Piedmont Pilgrimage/h1

I thought this might be related to a hasLayout issue.  But adding zoom:1 did 
not seem to help. 

Any assistance would be appreciated.

Regards,

Scott Povlot


  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE8 rendering issue

[David Laakso]

Scott Povlot wrote:
I need some help with a rendering problem on IE8 that does not show on other 
browsers including IE7, Firefox and Chrome. I am using an image replacement 
technique for the title header.  On IE8, there is a large gap at top of the 
image so the backgrounds don't match up.


The website is http://piedmont-div.org/pilgrimage/ .


Scott Povlot

  









Umm, I think it show up in all browsers that open a window wider than 
1152px. I am at 1680 / 116.5dpi -- a full length line-measure set 20 
percent less than my default becomes extremely difficult to read.


An easy-out, that would close the gap and simutaneously create a more 
readable line-measure is to set at fixed 980 width and center the page 
between the rails. Or wait to hear from other responders. In the 
meantime, it may be advantageous to validate.



Best,
~d






--
:: desktop and mobile ::
http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/