Results 1 to 3 of 3

Thread: Border Issue in IE 6

  1. #1
    Join Date
    Dec 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Border Issue in IE 6

    Hi,

    I am having an issue with the boder on IE 6. On ever browser everything looks fine except for this one. There is an extra 20 pixels on the right side pushing the border out.

    Some one please tell me where I am going wrong with my code!?!?

    CSS:
    #wrapper {
    width:780px;
    padding-bottom:5px;
    margin-left:150px;
    margin-top:5px;
    margin:auto;
    height:520px;
    }

    #canvas {
    width:780px;
    border: 1px solid #2177AD;
    clear:both;
    height:520px;
    background-image: url(/images/logo.jpg);
    background-repeat:no-repeat;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    }

    HTML:

    <div id="wrapper">
    <div class="shadow">
    <div id="canvas">
    <div id="nav">
    <a href="about.html">about</a>
    <a href="portfolio.html">portfolio</a>
    <a href="resume.html">resume</a>
    <a href="contact.html">contact</a>
    </div>
    </div>
    </div>
    </div>

  2. #2
    Join Date
    Dec 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb

    It's probably NOT your code. IE is the worst browser used, and is riddled with problems, but as long as people still use it microsoft isn't going to clean up their act. Do a google on CSS for IE and add extra CSS fields to clear up IE's problems

  3. #3
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    #wrapper {
    width:780px;
    padding-bottom:5px;
    margin-left:150px;
    margin-top:5px;
    margin:auto;
    height:520px;
    }
    auto margin means its going to try and center the element, putting equal margins on all sides, so I am guessing that IE is bugging with that.
    if that is something you want to keep, try putting it first, and the other 2 margin definitions after it.

Bookmarks

Posting Permissions

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