• I need help with a css issue – the sidebar on my site here looks fine in Firefox but not IE – can anyone look at it and see any issues?
    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter ke vinritt

    (@ke-vinritt)

    here’s the code I’m using for the sidebar `#rightcol{
    float:right;
    width:260px;
    padding:10px;
    }

    .sidebox{
    float:left;
    width:240px;
    padding-top:0px;
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom:15px;
    overflow:hidden;
    }
    .sidebox ul {
    list-style-type: none;
    margin: 0px ;
    padding: 0px;
    }

    .sidebox li{
    list-style-type: none;
    margin: 0px ;
    padding: 0px;
    }`

    Your theme width is 900px;

    Your content width is 600px with 10px padding; your sidebar is 260px width with 10px padding. The “older” IE box models do not calculate those numbers correctly … try reducing the padding in the #rightcol.

    PS: The site looks fine in IE8 but “breaks” under compatibility mode.

    Thread Starter ke vinritt

    (@ke-vinritt)

    Thanks Cais,
    eliminated padding altogether in the #rightcol but problem persists

    Code errors and an unecessary </div> after the </html> in footer.php: [Invalid]Markup Validation of xaddx.org cms – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

    Short of @songdogtech’s recommendation to correct the “code errors”, eliminating padding (and margin) has often pointed to the issue in similar cases as yours.

    Thread Starter ke vinritt

    (@ke-vinritt)

    error free here but same problem. I’ll go in and look at each id/ class again and see if there’s padding/ margin issues

    Thanks for the help

    “Code errors” like missing </div>'s are the leading cause of out-of-place sidebars aroud these forums.

    Looks fine in IE8; you might need a cc style sheet just for IE6/7 with padding/margin changes: quirm.net: WordPress and Conditional Comment CSS

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘can’t fix css problem’ is closed to new replies.