Jump to content

Offset image in IE


Recommended Posts

An image in a div seems to be offset in IE (I have 7, so I don't know what it looks like in 6...)But it works fine in Firefox...Well, this is the site: http://www.d2kstudios.com/designs/designs/...20Blue/preview/And this is the CSS:

#logo { position: absolute; width: 100%; left: 0px; top: 0px; background-image: url(logobg.gif); }#divider { position: absolute; width: 100%; left: 0px; top: 90px; background-image: url(sbtopbg.gif); }#nav { position: absolute; min-height: 100%; left: 0px; top: 100px; background-image: url(sb.gif); background-repeat: repeat-y; }#content { padding: 20px; padding-left: 201px; }

And the HTML corresponding to it:

<div id="logo">	<img src="logo.jpg"></div><div id="divider">	<img src="sbtop.gif"></div><div id="nav">	<div id="content">  ...	</div></div>

Link to comment
Share on other sites

Put this in your header:

<!--[if IE]><link rel="stylesheet" type="text/css" media="all" href="/css/style_for_IE.css" /><![endif]-->

Then in that style sheet have all of your settings for IE. That way everything will validate. Best advice is just trial and error for IE.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...