WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Kubrick-based Theme WAY off in IE (4 posts)

  1. Cliff Seal
    Member
    Posted 5 years ago #

    I usually don't have any IE-type issues when customizing a theme, but I get the feeling I have something MAJOR wrong with the coding. I have tried pointing IE to a different CSS with no changes, making me think it's something I edited in one of the .php files.

    Website: http://www.brookshirehoa.com/~index.php

    Screenshot in IE: http://i43.tinypic.com/1052tlz.jpg

    I'm currently going through my surprisingly invalid markup to see if I can correct the problem- that being said, "Your markup is invalid" doesn't really help me. As I said, usually don't have this problem, so I'm working my way back through it.

    It works fine in all other browsers...any suggestions? Thank you in advance!

    (PS - Don't know if this helps, but the W3C Validator has a I/O Error for the CSS Validator, not XHTML. Says "Socket Closed". Don't know if that pertains.)

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    Looks like things have advanced a little since your screenshot but I can't figure out why the site has a completely different theme in Firefox 3.

    To start with, get all of that styling out of the page body and into the <head></head> section where it belongs. The error you got with the CSS validator could well relate this - ie it took one look at the page and had a nervous breakdown ;-) Even better, put all of your CSS into a separate stylesheet. You'll find it much easier to serve a conditional sheet to IE that way if you do need it.

    In terms of validation, concentrate on the unclosed tags first. They're the errors that will really mess up your display.

    Get rid of lines like <hr size="3" noshade width="70%" align="center"></hr> and replace with something like <hr class="my70" /> then apply styling via your CSS sheet.

    Hope that helps and good luck.

  3. Cliff Seal
    Member
    Posted 5 years ago #

    Ok, I've done alot of work on the validation. The CSS is error-free. The xHTML still has some strange validation things going on: http://validator.w3.org/check?uri=http%3A%2F%2Fbrookshirehoa.com%2F~index.php%2F&charset=(detect+automatically)&doctype=Inline&group=0&st=1&user-agent=W3C_Validator%2F1.654

    But most of them have to do with widgets, etc. It seems like something MAJOR is affecting this, because it's beautiful in Firefox, but loads NO IMAGES in IE, won't show the background, nothing. I've tried conditional IE stylesheets, but it's like it can't find the CSS file at all. I've even put the complete URL for style.css in the header. Not sure where to go from here, but it HAS to be something simple-

    Are my html or body tags at the end of the coding (footer.php) somehow not closed properly?

  4. esmi
    Forum Moderator
    Posted 5 years ago #

    I can see CSS images in Firefox 3, IE8 and IE7 (although the latter is via IE Tester). The </body></html> tags are fine but you're still missing a final closing </div> just prior to </body>.

Topic Closed

This topic has been closed to new replies.

About this Topic