treehouse : what would you like to learn today?
Web Design Web Development iOS Development

3 pixels

  • Well i've posted on here a couple times and if you've read the other post you'll probably find out how much i need help... ha ha...

    anyways... My top image is fine in IE but is off three pixels to the right in firefox...

    could anyone look at my code and see if they can give me some input as to why it might be doing this.

    thanks so much guys!!!

    links:
    http://www.dse33.com/mr2/interior.html
    http://www.dse33.com/mr2/welcomeglobal.css
  • changing the width of #container to 703px seems to fix it for firefox. Im not sure what this would look like in IE though
  • ha ha... it lines up perfectly in Firefox... but is one pixel off to the left in IE.
  • Use a conditional comment for IE. Set the width of #container so it works in Firefox, then override it in the conditional comment with a different value that works in IE. For example:

    <!--[if lte IE 6]>
    #container {width: 300px;}
    <![endif]-->


    More on conditional comments here.
  • I can do that but then the same problem occurs in Opera and Safari... its one pixel off to the left. :(