Works for IE not Netscape, sigh.

  • Resolved Mysmasken

    (@mysmasken)


    17 years, 4 months ago

    So tired. Was working away editing a theme I liked.
    It started to look great in IE and I figured I should check it with Firefox. Of course all fu**ed up.
    Now I just can’t figure out what causes the problem.

    This is my site:
    http://www.scrappa.com

    The grey-looking border and the white background is gone. It works in the header, but doesnt’t appear after that.

    I know it’s div b1, b2 and b3 that controlls it, and they look like this:

    #b1 {
    margin: 0 auto;
    width: 86.4em;
    border-left: #acacad 1px solid;
    border-right: #acacad 1px solid;
    display: block;
    }

    /* OK */
    #b2 {
    width: 86.2em;
    border-left: #818281 1px solid;
    border-right: #818281 1px solid;
    }

    /* OK */
    #b3 {
    width: 86em;
    border-left: #626261 1px solid;
    border-right: #626261 1px solid;
    background: #ffffff;
    text-align: left;

Viewing 4 replies - 1 through 4 (of 4 total)
  • aban

    (@aban)

    17 years, 4 months ago

    If you want the white background and “double” grey border appears, why don’t you just use the background image (e.g. width: 800px height:2px or arrange the width as you like). And use this style (just example):


    #b1 {
    margin: 0 auto;
    width: 800px;
    background: #fff url ('img/bg.jpg') repeat-y center;
    }

    You don’t have to use 3 divs that overlap each other…

    TheDyke

    (@thedyke)

    17 years, 4 months ago

    You should also assign a height value.

    Thread Starter Mysmasken

    (@mysmasken)

    17 years, 4 months ago

    TheDyke, I added a height parameter to to b3 and that gave me more white! YAY!
    Problem is that it will cover the first page, cause there just a little bit of text. But if you click CreativeXpress (on the left side) for instance, it will stop midway.
    I tried to make height 100% but then I didn’t get any white at all.

    Any suggestions?

    #b3 {
    width: 86em;
    border-left: #626261 1px solid;
    border-right: #626261 1px solid;
    background: #ffffff;
    height: 100em;
    text-align: left;
    }

    I tried the img background solution that aban said, but didn’t show up at all =(
    The reason it uses the em things to show the border is that from the beginning the user could chose it’s own size.

    Thread Starter Mysmasken

    (@mysmasken)

    17 years, 4 months ago

    I fixed it with a background picture. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Works for IE not Netscape, sigh.’ is closed to new replies.