Viewing 14 replies - 1 through 14 (of 14 total)
  • What does not work? I just looked at it in Adobe browser labs in IE and it looks pretty good.

    One thing is the blue menu bar, but that’s because IE won’t read the CSS code you have for this — so add the plain color at the end of the background attribute:

    #access {
        background: linear-gradient(#6666FF, #6666FF) repeat scroll 0 0 #6666FF;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 6px;
        width: 100%;
    }
    Thread Starter aasbd

    (@aasbd)

    I have added your code in style.css section. The menu-bar shows the black color. However the major problem is RIGHT SITE BAR. The right side bar is gone down. The other problem is TEXT DISPLAY PROBLEM in the main body section. The text shows partially. I think margin or padding problem in left side of the body.

    I do not see either problem in IE in Adobe browser lab or any other browser, so I really am not sure how to fix it. Looks like the twentyeleven extensions have changed a bunch of the layout coding. But it might be that the ads are too side for the sidebar, so try this:

    .moz-widget-list-adjust #secondary {
        min-width: 260px;
    }    
    
    #primary {
        width: 85%;
    }

    You also have some CSS errors — don’t worry about the ones in the regular stylesheet — just fix the ones in the child style.css file.

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.aas-bd.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

    If you have further problems, considering hiring someone to help you. These forums don’t do extensive CSS or design work indefinitely — I’ve already done more than most people.

    Thread Starter aasbd

    (@aasbd)

    After adding this code it worked almost. Now the main body content is the major problem. It does not display all. I think left margin or padding problem. If you have any suggestion about changing left margin and padding in the body it will be solved 100%. However, thanks for your patient and timing.

    I really don’t see anything that is not fully displayed in the main body. What browser version are you using?

    Thread Starter aasbd

    (@aasbd)

    IE version is 6.0

    Oh my, that’s really problematic — that is such a horrible browser. (Not your fault, of course, and I don’t mean anything bad on you, just Microsoft :).) I’m guessing that where you are, it’s still used by many people? And unfortunately, probably all themes are going to have problems with it. Adobe browser labs does not even have IE6 simulation any more — so I have no way to look at it even. Can you post a screenshot of what it looks like?

    Thread Starter aasbd

    (@aasbd)

    I got the screenshot but it does not paste here. However I am going to download upgrade version of IE.

    No, you can’t post images here, but you could put it on a page in your site. But if you can upgrade and forget about IE6, all the better :)!

    Thread Starter aasbd

    (@aasbd)

    You can see it from the link. http://i45.tinypic.com/2cn6ucm.jpg

    Hmm, well I really don’t have any easy fixes to that. You do have a few CSS errors — so start by fixing the ones in the child theme stylesheet. You’ve also changed many things in the style.css file — so there are odd things going on with the layout of the page. I also don’t know off the top of my head what IE6 has problems with – but it’s many. If you really need it to work in IE6, I think you will need to redo the site and make sure that you don’t use any CSS that IE6 does not like or make any changes that mess it up. A very simple, fixed width layout is likely to be the best approach.

    You could also consider asking about it on the CSS site csscreator.com . But I will warn you that they do not look kindly on any validation errors, so that’s likely to be a problem.

    Sorry I can’t help more…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    IE6.0 doesn’t recognise margin: 0 auto;

    You need to apply

    text-align: center;

    To the element wrapping the element you want centred.
    Then apply

    text-align: left;

    To your centred element.

    Thread Starter aasbd

    (@aasbd)

    My problem was solved after installing latest version of IE

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Display problem in IE’ is closed to new replies.