WordPress.org

1. Ilkuul
   Member
   Posted 2 years ago #

   After changing a couple of my blog pages and viewing them in Firefox, I looked at them in IE. The fonts had gone crazy (just on those pages)!

   If you have IE, take a look here: . Scroll down beyond the table, and you'll see what I mean. The body text is the size of a top-level heading!

   I can find nothing in the HTML that would cause this. My theme is Atahualpa, ver. 3.4.6. I've tried several other themes, and had the same problem.

   I've loaded the page in Safari and Google Chrome -- no problem with Atahualpa, but similar weird stuff with the other themes.

   Anyone have any idea what the problem is??

2. flamenco
   Member
   Posted 2 years ago #

   Hi,
   I see the giant text in IE. I did a quick HTML validation on your page, and there was a huge number of errors. Just to check further, thinking maybe it was just text on that page, I checked Home, but that also has loads of errors.

   I use Atahualpa a lot, and I just did a quick check of one site, it's completely clean.

   Any chance you are cutting and pasting material into WP? If it's from MS Word, for example, this can wreak total devastation on a page. There is a "Paste from Word" button in the editor that cleans most of that. Yet, most of your paragraph content looks pretty OK, so it's probably not that.

   If you have, say, an unclosed tag somewhere, that could make the big text. But the bad news is that there are so many errors, it's hard to tell where to start.

   My best guess: validate, and check errors relating to the table. This would be stuff like td, tr, table, and stuff like that. A reverse way of doing that would be to carefully remove (and save) the table code from the page, and see if it looks better. If so, you've found your smoking gun.

   Good luck. Dave

3. Ilkuul
   Member
   Posted 2 years ago #

   Hey, many thanks for taking the trouble to check it as you did. I had no idea the HTML could have so many invisible errors.

   Any chance you are cutting and pasting material into WP? If it's from MS Word, for example, this can wreak total devastation on a page. There is a "Paste from Word" button in the editor that cleans most of that. Yet, most of your paragraph content looks pretty OK, so it's probably not that.

   No, I hardly ever paste into WP, and certainly not from Word. I compose posts & pages directly in the WP HTML editor, constantly checking with the 'Preview Changes' button. According to that, everything's been fine! The only program I copy and paste from is a plain text editor, where I keep samples of HTML code for different purposes.

   But I don't know much about HTML, so I've obviously done stuff wrong without realising.

   Thanks for the the validate link. I tried using it, but there are a lot of things that don't make sense to me. It says the element <DIV> is undefined, yet it works perfectly; it quotes a line of HTML from my text and puts "<p> ... </p>" around it, which wasn't there; and some errors refer to the basic page setup, which I can't change.

   So it bothers me that there are so many errors, but I don't know how to correct mistakes that don't seem to be there!

   Anyway, I did try removing the table. It made no difference -- but it helped me spot the error. A very simple one: an unclosed <h2>!

   Again, many thanks for your help.

   Steve.

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   It says the element <DIV> is undefined, yet it works perfectly

   Uppercase tags are invalid in XHTML. You need to use lowercase tags (e.g. <div>) instead.

5. Ilkuul
   Member
   Posted 2 years ago #

   A-ha! Thanks for explaining that one!

   So how come it worked? Do WP or the browser automatically correct those errors?

6. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Neither. Browsers are sometimes pretty good at making reasonable displays out of bad markup. So it's not so much a matter of correction as interpretation on the browser's part. However, it's never a good idea to rely on this browser feature as the "interpretation" can (and does) vary wildly from one browser to the next. And that's often why people complain that their site looks fine in browsers A & B but lousy in browser X.

   Starting from a position of valid markup does give you the best possible chance of your site looking good in as many different browsers as possible.

   [And last time I checked there were over 300 different web browsers]

7. Ilkuul
   Member
   Posted 2 years ago #

   Right. I've seen wildly different displays of my site on the 4 browers I have installed...

   Hmmm. Looks like I'll have to get "XHTML for Dummies", or something!

   Thanks for your comments.

Topic Closed

This topic has been closed to new replies.