WordPress.org

1. watanabe.carcass
   Member
   Posted 3 years 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.

2. stvwlf
   Member
   Posted 3 years 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

3. watanabe.carcass
   Member
   Posted 3 years 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.

4. stvwlf
   Member
   Posted 3 years 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

5. watanabe.carcass
   Member
   Posted 3 years 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.

Topic Closed

This topic has been closed to new replies.