• Resolved hops

    (@hops)


    I’ve finally got a site ready to go live, and it worked perfectly in Firefox. As an afterthought, i thought i’d try out Internet Explorer, and i find the sidebar is dropped to the bottom right side.

    Anyone have any ideas on how to fix this?

    Thanks!

Viewing 15 replies - 16 through 30 (of 40 total)
  • My mistake. Text align left is fine NOW. It should be in. You are where you should be – right on the money in FF. How is it in IE. ?

    Thread Starter hops

    (@hops)

    #content{
    margin: 0px auto;
    width: 780px;
    font-size: 11px;
    }

    Thread Starter hops

    (@hops)

    Left back in. Looking good in FF.

    This looks eeerily reminiscent of Kubrick code. But anyway this is a mess.
    .ncol {
    padding: 30px 0px 40px 23px;
    width: 545px;
    background:#FFF;
    float:left;
    }

    It is a floated element with padding. TAKE IT ALL OUT. Then we can adjust if necessary.

    Thread Starter hops

    (@hops)

    Nothing shows up at all in IE — blank page entirely…

    Well lets take one thing at a time.

    Thread Starter hops

    (@hops)

    .ncol gone

    Thread Starter hops

    (@hops)

    .ncol out makes a real mess of FF

    I meant just take out the padding. Then if need be the next step is to trim back the width until the menu fits. This is going fine.

    Thread Starter hops

    (@hops)

    I’m too literal. fixed.

    Thread Starter hops

    (@hops)

    but still goofy in FF without padding

    Ok. It may not seem much but it is much more stable code and we can fine tune.
    I do not have IE fitted so I am relying on you. As to it not appearing at all – I am momentarily flummoxed. It has to be something obvious. When it does appear if it borks do not worry. We can now adjust without negotiating the Javascript.

    In the meantime – your outer container is called content. Because it is not floated there is no need for its width to be defined. Conversely that is where to add padding in the CSS to indent the posts.

    eg#content {padding: 0 20px; }

    Thread Starter hops

    (@hops)

    /*—————————- Content ——————————-*/
    #content{
    padding: 0 20px;
    margin: 0px auto;
    width: 780px;
    font-size: 11px;
    text-align: left;
    }

    Still, a left margin off in FF

    Well now you need to tweak. Try increasing it. Also if you put colored borders in the big items it wil let you see what is what while you fine tune. The padding isnt taking effect currently. Add padding to #page as well.

Viewing 15 replies - 16 through 30 (of 40 total)
  • The topic ‘Sidebar Issue — OK in FFox / Bottom w IE ???!!!’ is closed to new replies.