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 4 of 4
  1. #1
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Div not centered in IE6

    For some odd reason my footer is moving to the right 8 pixels in IE6.

    Here is the site:
    http://www.scorn-war.com/new/index2.html

    Validating:
    CSS is good.

    I have a few errors on the html side, but they are all caused by cutenews. I can't seem to get them out. For some reason the program refuses to accept & statements such as & and <

    Thanks in advance,
    Josh

  • #2
    New Coder
    Join Date
    Dec 2007
    Posts
    51
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Any ideas out there? I tried changed the margin, as well as adding padding:0, etc. Nothing is working as of yet.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This might help.

    IE6 bugs http://www.webmasterworld.com/forum83/4161.htm

    Worth a try at least.


    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by JoshTrav View Post
    For some odd reason my footer is moving to the right 8 pixels in IE6.

    Here is the site:
    http://www.scorn-war.com/new/index2.html
    The problem is with the CSS for your navigation:
    Code:
    div#container
    {
       width: 1000px;
       background: #000000 url(images/content/1000_content_bg.jpg) repeat-y;
       margin: 0 auto;
       min-height:740px ;
    }
    div#navigation
    {
    	width:836px;
    	height:28px;
    	margin:0 auto;
    	padding-left:176px;
    	background: #000000 url(images/nav/1000_nav_bar.jpg) no-repeat;
    }
    The is caused by the Expanding Box Problem of Internet Explorer 6 and below [1], but IE6 shouldn't really be blamed in this case.

    The effective width your navigation is 836px + 176px = 1012px. Clearly, it doesn't fit well in the container measuring 1000px.

    Solution is to adjust the width/padding for #navigation so it will fit into the container.

    1. Internet Explorer and the Expanding Box Problem


  •  

    Posting Permissions

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