How to avoid IE headache in #page div?

  • Resolved deko

    (@deko)


    18 years, 9 months ago

    The default theme (and all other themes) repeats an image (kubrickbg.jpg) to create right and left page borders.

    I tried something different and specified a 1px border for the #page div (and got rid of the images).

    But IE screws up the margin/padding on the #page div, resulting in the 1px border appearing out of place.

    I think this is because wp-generated content floats here and there (in some divs, including .narrowcolumn).

    My question is this:

    In my quest for a simple 1px border around the #page div, should I stick with a repeated image? I’ve tried the { clear: both } trick but no luck.

    Is a repeated image the only way to go here to avoid an IE headache?

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

    (@deko)

    Is a repeated image the only way to go here to avoid an IE headache?

    yes.

    You can position the #page div seperately for IE and all other browsers.

    /* For FF/Opera/etc */
    body > #page
    {
    }

    /* For IE */
    #page
    {
    }

    This will allow you to fix IE stupidity while not altering the design on other browsers.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to avoid IE headache in #page div?’ is closed to new replies.