• I am having a problem with IE browser because it show my site text shows way down on Internet Explorer and I know this issues is in the CSS file somewhere but I cant seem to find it. It look excellent on firefox but strange in IE.

    Could any please see where this issues is in the CSS because its driving me crazy?

    My website https://karennamaraj.com/

    thanks a lot

Viewing 15 replies - 1 through 15 (of 35 total)
  • Thread Starter 749831

    Anyone?

    Hi Findalba, try this:

    Withing you stylesheet locate the content left tag, as outlined below.

    #contentleft {
     float: left;
     width: 721px;
     background: #ffffff;
     margin:  0 0 0 0;
     display: inline;
    }

    Remove the float tag and see what happens. Good luck.

    Thread Starter 749831

    I did and nothing happes its still the same. I removed the float: left; but the content still shows down

    I noticed that you have your DOCTYPE set at XHTML 1.0 Transitional. It’s not.

    https://validator.w3.org/check?uri=http%3A%2F%2Fkarennamaraj.com%2F&charset=(detect+automatically)&doctype=Inline&group=0

    It’s possible that since you aren’t compliant with the validation that IE breaks the layout.

    I also didn’t see any tags that hadn’t been closed. You might check your CSS to make sure those are all properly started with { and closed with }.

    If that doesn’t fix it, you might want to try a test layout to work out the kinks.

    Thread Starter 749831

    I have checked all my tags and they are all properly closed. I feel like the issue is in the content property somewhere.

    I noticed that your contentleft is larger than your content area. One is 721px the other has TWO widths (640 !important & 670). I would choose one of those.

    You also have two padding-lefts.

    Thread Starter 749831

    }
    #content {
    float: left;
    position: relative;
    width: 640px; !important; ( REMOVE )
    width: 670px;
    margin: 0 0 0 0;
    padding-left: 20px !important; ( REMOVE )
    padding-left: 0px;
    background: none;
    display: inline;
    }

    Should I remove those two ?

    Yeah, but I would remember the sizes just in case.

    Thread Starter 749831

    Didnt really do anything. Looks like the text is somehow stuck down the left bottom.

    Perhaps you could do position:absolute;

    Thread Starter 749831

    I did absolute and it moved it to the right. at least thats something new

    Thread Starter 749831

    I also did fixed and it romoves that whole white space but also removes the content as well. Any ideas

    In IE, I don’t see anything in the middle.

    It tells me there’s an error on the page.

    Thread Starter 749831

    Its on …position:absolute; now and the content has moved all the way to the right….you can see the about us if you scroll down…

    There are no scrollbars for me in IE.

    No pages load in IE in the middle black area. It keeps giving me an Error on page.

Viewing 15 replies - 1 through 15 (of 35 total)
  • The topic ‘CSS Browser IE Problem’ is closed to new replies.