Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter thebindlestick

    (@thebindlestick)

    Alright this post is resolved thru much searching, thinking, re-evaluations etc. Since this site is all about info and helping others, I thought I’d come back and give the solution I found: simply I am a sloppy programmer.

    I have been writing html/javascript/php/asp and xml for many years but it has always been very forgiving, i.e. you can put your tags out of nested order like ‘<p></p? and html could care less. Well since IE7 is XML compliant or whatever the term is, it gets real picky all of a sudden.

    If your wordpress page is all wonky, the columns tossed all over the page randomly and not doing what you want it to do, I bet money you just need to clean up your code.

    Go here: http://validator.w3.org/

    and enter your root url, like http://www.yoursite/folder where folder is where your website files are. I mention that because we share a directory for testing sites and if I check all the websites I;d be there all day.

    Look through the errors, they don’t make sense do they? Fortunetly they explain there pretty well here: http://validator.w3.org/docs/errors.html

    Most of my errors were div and ul / li tags nested in the wrong order… AFAIK they need to be DIV on the outside, and then ul and li respectively inside the DIV tags, and remember to close your div tags. What I did was go throiugh my entire page and aling all the code to the left, no indentations, then went and tabbed every non-DIV tag over two spaces, so all I had down the left was div tags, then counted them off to make sure I had all matching pairs, and I found an extra one, which cleared up several errors. Many times, I found, one code typo can throw many different errors, and one character can toss a page all over the place.

    Have fun, IE sucks. Rock on macWorld.

    Hi thebindlestick,

    I am totally new to HTML, PHP and CSS.

    Thanks for sharing the information, which has given me some some clues in debugging the header.php.

    I’ve added a search form on the top banner. Banner is an added jpg file. The search form shows up in all browsers out there except for IE7 :-(.

    The default theme came with the following <div>’s without closing tags. The entire page is out of sync when I added some “matching” </div>s.

    <div align=”center”>
    <div id=”wrap”>
    <div id=”header”>

    ….
    <div id=”content”>

    <div id=”left”>

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘IE6 & IE7 wack out my site!’ is closed to new replies.