WordPress.org

Support

Support » Themes and Templates » FireFox / IE6 CSS problem

FireFox / IE6 CSS problem

  • Hey all 🙂 I got a problem on the following site:
    http://www.verootjuh.nl
    If you check it with IE it is all good
    But FiFo shows it all foked up 🙁

    Here are the CSS info on both sidebars:
    RIGHT SIDE
    #sidebar
    {
    position: absolute;
    padding: 20px 0 0px 0;
    margin-left: 65px;
    width: 180px;
    border: 1px solid black;
    }

    LEFT SIDE
    #sb_left
    {
    position: absolute;
    padding: 20px 0 0px 0px;
    margin-left: -690px;
    width: 180px;
    border: 1px solid red;
    }

    Now I know the problem is the -690 vs the 65 margin-left.

    Now here comes the big Question:
    For some reason IE uses a margin from the CENTER side on
    but FiFo uses a margin from the LEFT side on…
    So on IE it looks good, but FiFo has the problem that a NEGATIVE margin shows outside the page…

    A little example of what I mean:
    IE6:
    -700————0————-+700
    |————–CENTER———–|
    FiFo:
    0————-+700——–+1400
    |————–CENTER———–|

    So somewhere for some reason there is probably something wrong why IE all of a sudden uses an alternate reference…..

    Anyone had this problem before and has a solution ??
    You can find the used STYLE-SHEET at:
    http://www.verootjuh.nl/wp-content/themes/veronique/style.css

    Thnx a lot for anyone who can submit a hint here 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • i have a crying baby on my lap so this is hard but there seems to be an overabundance of extra css but if you just move the content over a hunred pixels or so it will pop into place

    margin-left: 105px; add it so it is 205 or so

    dawg – thnx for the support – Problem then is that in IE it overslides 🙁
    The problem goes for the MAIN center content and 2 of the SIDEBARS (while my daughter rides over my foot with here W the Pooh tricicle..

    this is hard my son is now snoring, i would start by stripping a lot of extra css out, also i would do the math so you do not have to use a -whatever. hth

    You still have horizontal scrollin IE which is a little awkward

    What screen-res ? I will make it a bit smaller… This is my first theme I created / redesigned (www.mcmike.nl is my 2nd 🙂

    1024×768

    Three words: Box. Model. Hack.

    @dawg – Thought so
    @rsl – Uhmz ??

    I do not subscribe to using a hack, The only thing is I really can not make changes and see how it renders in IE, easy to do in FF

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘FireFox / IE6 CSS problem’ is closed to new replies.
Skip to toolbar