Browser layout problem

Discussion in 'HTML/CSS' started by level200, Mar 13, 2007.

  1. level200 CSNM Customer

    HI Spanner

    Just changed the css at work and it looks great in ie 6, can anyone test it in ie 7 and FF please.

    Cheers
    John
  2. Carl Shepherdson Proprietor

    The side images are wrong in Firefox, screenshot attached.

    Attached Files:

  3. level200 CSNM Customer

    Thanks for that Carl, we only have ie 6 at college so I cant test properly until I get home.

    Anyone know a fix for this problem?
  4. Mark Voss CSNM Customer

    It looks like you left the closing curly bracket in when you pasted
    overflow: hidden;
    at the bottom of #bodyblock

    FF isn't as forgining as IE when it comes to CSS errors ;)

    Code:
    #bodyblock {
        position:relative;
        background: #FFFFFF;
        color: #333333;
        width:700px;
        padding:0;
        border-top-width: thick;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-color: #FFFFFF;
        border-right-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
        border-left-color: #FFFFFF;
        overflow: hidden;[COLOR=Red][B]}[/B][/COLOR]
     }
  5. level200 CSNM Customer

    LOl Thanks for pointing that out, i quickly changed them during a very quick break. I have corrected it now.

    Couls anyone check it with ie 6, ie 7 and ff please.

    Cheers everyone for all your help.
  6. Mark Voss CSNM Customer

    It looks fine in IE6, IE7, FF2 NN7 & Opera9 ;-)
  7. level200 CSNM Customer

    Great, thanks for all your help Spanner :)

Share This Page