negative margins in IE

  • Resolved marcy

    (@marcy)


    19 years, 1 month ago

    I’ve created a heading class to put a colored and top/bottom bordered background behind the title and date of each post. To make the background extend to the edges of the content column (overcoming the content padding), I used a negative left/right margin.

    This strategy seems to work fine in FireFox and in IE except on single-post pages in IE.

    Any ideas what the problem might be, or any suggestions on an alternative strategy? I think it has something to do with a distinction between widecolumn and narrowcolumn.

    https://mp-dulcimer.com/blog/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter marcy

    (@marcy)

    I noticed something else that is weird in IE. I am using code from UrbanGiraffe to create variable width with a minimum width for browsers that can handle it:


    #wrapper
    {
    margin: 0 0 0 105px;
    width: expression(document.body.clientWidth < 605 ? "600px" : "85%" );
    }

    div>#wrapper

    {
    margin: 0 0 0 105px;
    min-width: 400px;
    width: 85%;
    }

    (I adjusted the margin to accommodate my background image’s left-hand border.)

    In IE, if you shrink the window, the content box shrinks to a certain point, but beyond that the text inside continues to shrink.

    Why is that and what can I do about it?

    Thread Starter marcy

    (@marcy)

    I fixed both problems. The first was because of a padding issue, the second because I had an image wider than the content.

    I have given up on variable width. What I’d like to try instead is develop an 800×600 theme and a 1024×768 theme and use the theme-switcher plugin to let folks choose which style they want.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘negative margins in IE’ is closed to new replies.

Tags