View Full Version : Div tag settings not working in IE6

Jan 27th, 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.

<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;

<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:[email protected]_address.com" alt="Contact Us" />

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 :)


Jan 27th, 2007, 05:54 PM
IE6 doesn't support position:fixed which is why its not working. Check out this example: http://www.cssplay.co.uk/layouts/fixed.html