WordPress.org

1. christinawiler
   Member
   Posted 1 year ago #

   I realize all browsers treat the look of websites differently, however, I'm wondering if there's something simple I don't know about. I'm just now starting to set up a new website. I'm specifically looking at a block in the header to the right of my slide show. It says "10 Quick Safety Tips..." It looks fine in IE and Firefox but it's overlapping in Chrome and looks bad. Do I somehow play around with this to try to make it OK in Chrome and thus make it possibly look weird in the other two? What do the "professionals" do? :) My link.

2. James
   Happiness Engineer
   Posted 1 year ago #

   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

3. christinawiler
   Member
   Posted 1 year ago #

   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.

4. James
   Happiness Engineer
   Posted 1 year ago #

   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

5. christinawiler
   Member
   Posted 1 year ago #

   OK, I got it this time and fixed all the errors.

6. christinawiler
   Member
   Posted 1 year ago #

   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?

Topic Closed

This topic has been closed to new replies.