Forum Moderators: open

Message Too Old, No Replies

IE Compatibility issues with div tag and bg image

         

davidneekmaster

3:14 pm on Mar 7, 2009 (gmt 0)

10+ Year Member



Hi all,
I was wondering if I could get some help. I'm working on a fairly simple layout and having some cross compatibility issues. I have a background image that i am using that I need to mesh seamlessly with a tile i have in a div tag. Below is some of the code. It shows up fine in mozilla and safari but in IE the background image within the div is pushed down. What do i do to get it aligned properly.

body 
{ background: white url(images/body-bg.png) repeat-x scroll center top;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

#underbar
{ background: white url(images/underbar.png) repeat-x scroll center top;
width: 100%;
height: 24px;
}

<div id="underbar"></div>

[edited by: encyclo at 7:26 pm (utc) on Mar. 7, 2009]
[edit reason] no links to personal sites please, see posting guidelines [/edit]

birdbrain

7:00 pm on Mar 7, 2009 (gmt 0)



Hi there davidneekmaster,

and a warm welcome to these forums. ;)

Change this...

[blue]
<img src="images/header.gif" alt="Athletes Advantage High School Combine" width="438" height="150"/>[/blue]


...to this...

[blue]
<img id="header" src="images/header.gif" alt="Athletes Advantage High School Combine"/>[/blue]


...and add this to your stylesheet...

[blue]
#header {
width:438px;
height:150px;
display:block;
}[/blue]


birdbrain