WP Blog not displaying correctly in Firefox

  • marriott_guy

    (@marriott_guy)


    14 years, 4 months ago

    Hello all.

    I could use some coding help with my site. I am using custom headers\footers\page\etc. for the 4 blogs I am supporting on my site. Each component of the respective blog uses a table to enable one ‘continuous table for the entire page. Here is an example of mine that is displaying correctly:

    http://videogameconsolelibrary.com/blogs/mg/

    I am not using the WP built-in editor at all for writing blogs, so I am dependant upon the CSS file.

    My counterpart does utilize the WP editor and CSS – which is being referenced correctly (within my header). However, in Firfox, the table of the ‘body’ of the blog aligns to the left instead of aligning in the center as it is supposed to. The header displays correctly (center aligned). The footer also displays incorrectly to the left. There is also a blank row at the end that should not be there (IE shows this blank row as well). The page in question:

    http://videogameconsolelibrary.com/blogs/tan/

    I think it might have something to do with a a tag that I have not closed, but try as I may I can not find it anywhere. The blog does display correctly in IE 8.

    I could really use some help in identifying this gremlin. Let me know if you need further detail that it is not included in the source of the actula blog page.

    Thanks in advance all!

    Best regards,

    Terry

Viewing 6 replies - 1 through 6 (of 6 total)
  • Mark Ratledge

    (@songdogtech)

    14 years, 4 months ago

    You have huge code problems [Invalid] Markup Validation of videogameconsolelibrary.com/blogs/tan/ – W3C Markup Validator, and I don’t see any wordpress code, so I don’t know what to say re: wordpress.

    nabtron

    (@nabtron)

    14 years, 4 months ago

    @marriott guy, here is the simple solution to your issue:

    1. goto current theme directory > style.css file and edit it

    2. find:

    .narrowcolumn {
    float: center;
    padding: 0 0 0px 0px;
    margin: 0px 0 0;
    width: 450px;
    }

    and replace it with:

    .narrowcolumn {
    float: center;
    padding: 0 0 0px 0px;
    margin: 0px auto;
    width: 450px;
    }

    (changed the margin value)

    3. save the file, refresh your blog page and voila! (make sure you clear the cache of your browser if it don’t work on simple refresh)

    Thread Starter marriott_guy

    (@marriott_guy)

    14 years, 4 months ago

    Thanks for the assistance nabtron. I tried that and the blog body would align completely to the right. My partner in crime at my site added the following to each element in the Body Structure: display:inline; This seems to have corrected all issues.

    Thanks again for your help!

    esmi

    (@esmi)

    14 years, 4 months ago

    I agree with songdogtech. 211 validation errors cannot be ignored. If you want your site to look good in multiple browsers, start by using valid markup.

    s_ha_dum

    (@apljdi)

    14 years, 4 months ago

    But you still have huge code problems.

    gavox

    (@gavox)

    14 years, 3 months ago

    Can anyone help me? im having some issues with woo themes gazette edition image not showing and thumbnail not showing in the frontpage. Pleas help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘WP Blog not displaying correctly in Firefox’ is closed to new replies.