Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Div tag settings not working in IE6

    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!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    IE6 doesn't support position:fixed which is why its not working. Check out this example: http://www.cssplay.co.uk/layouts/fixed.html
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •