Internet Explorer Layout Distortion

  • Resolved watanabecarcass

    (@watanabecarcass)


    17 years, 3 months ago

    Hello everybody, this is my very first post around here. I hope you treat me well, he he he.

    I know this question has been asked a zillion times, but guess what…I have exactly the same problem as many guys around here and because I’m a complete newbie in this blogging stuff I don’t get most of technicalities associated with coding and that kind of stuff. Actually I don’t know how in da’ hell I was able to come this far with my blog, anyway, here is my problem.

    My blog displays perfect in Safari and Firefox, BUT! in Internet Explorer, the layout is distorted (the sidebar goes down and I guess you know the rest, quite common uh?)

    When I try to validate it with http://validator.w3.org I get a bunch of errors, but as I said before, I’m complete new in this game so messages such as….

    Line 99, Column 214: end tag for “img” omitted, but OMITTAG NO was specified.
    …Monkey” title=”Shock the Monkey”</div>
    ✉
    You may have neglected to close an element, or perhaps you meant to “self-close” an element, that is, ending it with “/>” instead of “>”.

    …are completely cryptic information for me, and even when I understand that a “>” is missing, I get confused when I see that “>” is actually there.

    Any advice, solution… and PLEASE! don’t re-direct me to “solved posts” I’ve read them most of them, BUT guess what!… yeah completely newbie, cannot figure out most of them.

    Hope someone can help me, see you around.

Viewing 4 replies - 1 through 4 (of 4 total)
  • stvwlf

    (@stvwlf)

    17 years, 3 months ago

    Hi

    IE is seeing your sidebar as being part of the Content area. Firefox is correctly rendering it after the Content area.

    This usually means a closing tag is missing, or tags were closed in the wrong order.

    You do need to fix the errors the page validator is displaying – most likely that will clean up your problem. When you validate the page, put a check in the Show Source box, and revalidate. The source code the validator is seeing will appear at the bottom. Then you can cross reference the errors to the actual line of code it objects to, and see the surrounding code. This helps in locating exactly what is wrong.

    As far as your errors – line 99
    <div> <a href="http://www.zillionmonkey.com/?p=108" class="more-link">Shock the Monkey! (Read All | 全文を読む)<img src="/wp-content/uploads/2009/01/monkey_small.jpg" alt="Shock the Monkey" title="Shock the Monkey"</div>

    the end of that code should be the Monkey" /></div> you are missing a closing ” />” on the img tag – and there are several of those img errors

    line 118 # <p></p> needs to be deleted altogether

    etc etc

    Thread Starter watanabecarcass

    (@watanabecarcass)

    17 years, 3 months ago

    Hey stvwlf, thanks a lot!!!!!!!

    your advice

    the end of that code should be the Monkey” /></div> you are missing a closing ” />” on the img tag – and there are several of those img errors

    worked perfect, now the layout is working.

    Regarding the other errors, I’m a bit confused. Where precisely are those error? the Header, Main Index, Style CSS, other?

    If I validate the page, the result is a list of errors and advices that are shown up to line 286, BUT! where is that line?! The Header is pretty short, so is the Main index….I told ya’, newbie here!

    I guess there is something that calls something and everything is displayed together as part of one block…nop?

    For example, you said

    line 118 # <p></p> needs to be deleted altogether

    but when I go to the Header, there is no such line, the same for Main Index, I guess I’m seriously missing something…sorry.

    stvwlf

    (@stvwlf)

    17 years, 3 months ago

    Hi

    The concept you have to get is that WordPress assembles your displayed page by pulling in different php templates as part of the page. header.php and footer.php are included in every page. sidebar.php is included on any page that has a sidebar. the main content area template file varies based on what the page contents are.

    for the main blog page, index.php
    except, in some themes, if it is the homepage, it could be home.php instead of index.php

    if it is a WordPress page, page.php
    if it is a category page, either archive.php or category.php
    if it is a single blog post with comments beneath it, single.php

    it’s not possible to tell looking at View Source which of those php template files any one section is generated from, so you have to look through the files until you find code that looks something like the code you see in the source code listing on the validator page.

    Most of those errors will not be in header.php

    Thread Starter watanabecarcass

    (@watanabecarcass)

    17 years, 3 months ago

    Hey stvwlf, thanks a lot!!!!!!!

    I guess going through the painful process of checking the files and their lines will improve my skills, I’ll get into that.

    Once again, thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Internet Explorer Layout Distortion’ is closed to new replies.