WordPress.org

Ready to get started?Download WordPress

Forums

FireFox / IE6 CSS problem (10 posts)

  1. mcmike
    Member
    Posted 9 years ago #

    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 :)

  2. dawg
    Member
    Posted 9 years ago #

    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

  3. mcmike
    Member
    Posted 9 years ago #

    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..

  4. dawg
    Member
    Posted 9 years ago #

    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

  5. dawg
    Member
    Posted 9 years ago #

    You still have horizontal scrollin IE which is a little awkward

  6. mcmike
    Member
    Posted 9 years ago #

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

  7. dawg
    Member
    Posted 9 years ago #

    1024x768

  8. RSL
    Member
    Posted 9 years ago #

    Three words: Box. Model. Hack.

  9. mcmike
    Member
    Posted 9 years ago #

    @dawg - Thought so
    @RSL - Uhmz ??

  10. dawg
    Member
    Posted 9 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.