Problem in IE
-
I have been using Google Chrome since a long time. I checked out my blog on Internet Explorer today and its totally messed up! The right panel that has search bar,subscription link,blogroll etc goes waaaayyyy down. Help pls.
The blog I need help with is: (visible only to logged in users)
-
Are you using IE6 by any chance? It’s notoriously bad.
Your blog looks fine in IE8, although the images in your Random Stuff widget are too wide for the sidebar and are jutting beyond the sidebar. That would be enough to break the theme in some browsers.
-
Internet Explorer is very intolerant of many things, not to mention being about as far from web standards compliance as one can get and still call oneself a browser. You have several problems that need to be addressed.
1. You have three images at the bottom of the sidebar that are too wide for the sidebar and you will have to make them smaller. The are the ones hanging out over the grey background. The maximum width in the sidebar for your theme seems to be right at 200px and adding a width declaration to the code for each, such as the example below will take care of those three issues. Specifying a width (without a height) will preserve the image proportions.
<a href="http://www.the-n.com/quizzes/quiz/3443"> <img src="http://www.the-n.com/media/quiz/badges/award_quiz/stylie.gif" border="0" alt="" width="200px" /> </a>You have several images that are too wide for the post area which can break the theme, especially with IE. If an image is right at the top of a post (where it is beside the date) the maximum image width is 454px. If the image is below the date, the maximum image width is 505px. http://faq.wordpress.com/2006/09/25/how-big-can-my-images-be/
Since you are hosting your images in photobucket, the image insert routine in the editor cannot give you all the controls that you would have for image size and such that it can with images that you host in your media library on your blog account. Again, you need to set the width for your images by adding a width declaration to the HTML for the image code as in this example below:
<a href="http://media.photobucket.com/image/hope/tribabi/smallflower.jpg?o=21" target="_blank"> <img src="http://i191.photobucket.com/albums/z101/tribabi/smallflower.jpg" border="0" alt="" width="454px" /> </a> -
One other thing I noticed, that can cause errors (but not the ones you are seeing) is using upper case in HTML code. The W3C validator is indicating there are several places you have use uppercase letters in width, height and border declarations.
-
Thanks so much for the replies. I have removed the unnecessary images from the sidebar. I guess now the blog looks fine in IE. I would be grateful if you can too check for me.
thesacredpath, I’m not sure what you mean by the uppercase thing. What errors can that cause?
-
Browsers will actually ignore uppercase in HTML for the most part and render the pages correctly, but it produces errors in the XHTML validation reports. It won’t break a theme or anything like that, but it is best to keep the number of validation errors to a minimum. Search engines can get quite cranky about validation errors and in the case of Google, certain types of errors, or a high number of minor errors can cause them to stop indexing your site.
One suggestion I will make, which should cut down on the number of inadvertent errors in posts and such, is to go to settings > writing and select “WordPress should correct invalidly nested XHTML automatically” and click “save changes.” With that selected, wordpress should keep the number of errors down to a minimum for you when writing posts and pages.
-
yes, I checked the “WordPress should correct invalidly nested XHTML automatically” I guess a month back.So maybe my old posts still have the problem. Will I have to correct them manually?
-
If you open the older posts, make a minor change like adding a space and then deleting it, and then click “update post” wordpress will correct many of the typical errors in HTML that can creep in.
-
- The topic ‘Problem in IE’ is closed to new replies.
WordPress.com Forums 