Div tag settings not working in IE6

**nickadocker** · 01-27-2007, 05:51 PM

I've got an image placed inside a div tag where the div is set to a height and width of 100%. The div has a "fixed" position with a "left" value set to "-36px", which ensure's it shows up exactly where I want it to. Everything that I setup in the style sheet works fine with Firefox 1.5x; the problem - big surprise - is that it doesn't work at all in IE6.

Basically what's happening in IE is that the scroll bars are still showing up (which I don't want to happen) and it doesn't appear to be recognising the negative-positioning either.

I'm just now learning to use div tags so there's probably some trick I haven't figured out yet. Here's the code I'm using.

Code:

<style type="text/css">
<!--
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #566f5f;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}
#myTable {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	left: -36px;
}
-->
</style>
</head>


<body>
<div id="myTable"><img src="images/picture.jpg" width="1071" height="738" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="812,437,828,463,1038,409,1018,390" href="mailto:info@email_address.com" alt="Contact Us" />
</map></div>

As I mentioned, it works great in FF but not in IE. If anyone has any ideas or suggestions it would be a massive help

Thanks!

**jscheuer1** · 01-27-2007, 10:04 PM

height:100%; is usually meaningless. position:fixed; isn't supported in IE prior to IE 7. With no position that it recognizes as valid, IE 6 and less will not use left: -36px;. Depending upon your layout, position absolute can sometimes 'stand in' for fixed (it probably won't look the same but, may be acceptable). To do this only for IE 6 and less:

Code:

<style type="text/css">
body, html {
	margin: 0;
	padding: 0;
	background-color: #566f5f;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}
#myTable {
	width: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	left: -36px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
#myTable {
	position: absolute;
}
</style>
<![endif]-->

**mburt** · 01-27-2007, 10:22 PM

left: -36px;

Hmm... Are you allowed to use negative pixel values?

**jscheuer1** · 01-27-2007, 10:38 PM

Originally Posted by mburt

Hmm... Are you allowed to use negative pixel values?

I am, your not.

Actually, there are situations where they are essentially meaningless either due to a lack of support in a particular browser and/or because there may just be no way to apply them logically to the style property in question. All modern browsers do support them for the left, right, top and bottom properties with position set to other than static, if supported. Negative margins are also pretty much universally supported in the modern browser. With padding, it isn't so universal and with something like width, it wouldn't make sense.

**mburt** · 01-27-2007, 10:42 PM

Okay, I think I understand...

I am, your not

Your as in, possesive "your"? I think you mean "you're"

**jscheuer1** · 01-28-2007, 12:51 AM

Maybe I meant:

I am your not.

Either way, it was a joke and a conceited one at that. Pass it through the Googlator and see what you come up with. Kind of like a negative width.

Thread: Div tag settings not working in IE6

Thread Tools

Search Thread

Div tag settings not working in IE6

Bookmarks

Bookmarks

Posting Permissions