Having valid markup is the first step towards having a design that displays consistently across all browsers. Currently, you have 31 markup errors. Fixing them may resolve the situation. If it doesn’t, it’ll at least be easier to troubleshoot.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wayneplush.com%2F&charset=(detect+automatically)&doctype=Inline&group=0
Thank you for that. I had a widget in the footer that was causing most of those. I’m left with 5 errors but I’m not finding them in the locations that the validator says they are in. Is it normal that it will read a few errors erroneously? Or am I just not seeing them?
I still see my issue in the Google Chrome browser with the text and picture overlapping in the header block. Any other ideas? My link.
Try it again, but this time with the source code showing in the results. It will help you locate the errors, which appear to be in the footer area, but caused by a lack of corresponding opening tags. Use this link:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wayneplush.com%2F&charset=(detect+automatically)&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.767
OK, I got it this time and fixed all the errors.
Maybe my issue isn’t really something fixable? I just had a friend look in her Chrome browser and she told me that the key that I spoke of in my initial question is not overlapping the text on her screen. Maybe it’s the way a site appears on different size screens?
I do also wonder why my text appears on two lines in Chrome when it’s only on one line in IE and Firefox. Is this something that I should bother with or is it not worth the struggle?
