Forum Moderators: not2easy

Message Too Old, No Replies

IE 5.5 Background Image Position Issue

         

subway

11:21 am on Nov 6, 2007 (gmt 0)

10+ Year Member



Hi, I'm using the following to display an image to the left of the h1 tag with about 3px worth of space between the image and the begininng of the text. The h1 text is aligned in the center of the page.

All browsers upwards of IE6 are displaying correctly, but IE 5.5 is bunching the image too close the the heading text.

Do I need to apply different background image position values for IE 5.5?

Thanks.

#find h1 {
font-size: 1.3em;
font-weight: bold;
color: #78183C;
text-align: center;
margin: 0;
padding: 15px 0;
background: url(images/find-save.png) no-repeat 230px center;
}

penders

4:35 pm on Nov 6, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



...to display an image to the left of the h1 tag with about 3px worth of space...

You text-align:center your text within the H1 tag (which is full browser width) and your background image is positioned 230px horizontally (quite a way from the left edge?). Surely therefore the distance between your image and your text is going to be dependant on the width of your browser window? Is it not?

The difference in IE5.5 might be to do with the Box Model (you set a padding of 15px)...? What DOCTYPE are you using? And/or perhaps the default browser margins on the body element?

subway

3:38 pm on Nov 7, 2007 (gmt 0)

10+ Year Member



Sorry, I should have mentioned that the site is fixed width of 950px.

Then within that container are two columns, the main and right sidebar.

This particular h1 tag is inside the main container which is 720px wide, so h1 is centered within there and then the image is 230px from the left of the main container.

I think it's a padding issue but more like an left right one not a top bottom one.

The the brink of ditching this particular design anyway!