Web Analytics Made Easy -
StatCounter IE - 1px left hand border - CodingForum

Announcement

Collapse
No announcement yet.

IE - 1px left hand border

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • IE - 1px left hand border

    Hi

    I'm having a problem with a 1px border area appearing in IE (but not FF) on the left hand edge of a div container.

    Both the div container and the graphic are 995px wide.

    You can see this here:
    http://www.walkertest.co.uk/condor/w...web/index.html

    Works fine in IE but not FF.

    The CSS for the div:


    #container_main_sub{
    position:relative;
    top:0px;
    width:995px;
    height:1100px;
    background-color:#CCCCCC;
    margin: auto;
    padding:0px;
    }

    Grateful for any ideas on a fix

    Thanks

    Dirk

  • #2
    Shifting background

    Dirk,

    It's not a border; it's the background image shifting 1px to the left.
    I have the same issue, and I regret to say I have no clue how to solve this; I've been delving into it when I first noticed the effect, but sort of gave up after turning up a blank time and time again.

    It appears to only be happening in IE (6.0/win, at least); a possible fix would be to feed IE a specific style rule to correct to error. This should be hidden from other browsers by using IE's conditional comments or otherwise the image would be shifted to the right 1px in--presumably--everything but IE.
    Regards,
    Ronald.
    ronaldvanderwijden.com

    Comment


    • #3
      Hi Ronald

      Thanks for that - IE!!

      Is it possible to apply a style only to IE - wasn't aware of that?

      Any other ideas for a fix out there?

      Thanks

      Dirk

      Comment


      • #4
        This might help explain things
        http://www.positioniseverything.net/bg-centering.html
        ||||If you are getting paid to do a job, don't ask for help on it!||||

        Comment


        • #5
          Centering

          _Aerospace_Eng_,

          Yeah, that was one of the things I've been looking into, but it didn't seem to explain this particular error. I must say the exact circumstances have escaped me a bit because I haven't looked into it for some time, but I think this was a different case.

          For one thing: my layout uses a fixed width, centered container with the background image aligned right; also, resizing the window doesn't show any flickering.

          Dirk,

          This page on Quirksmode tells it all: conditional comments.
          Regards,
          Ronald.
          ronaldvanderwijden.com

          Comment

          Working...
          X