Browser Rendering: A Website Designer’s Nightmare

By Blog Bloke July 14th, 2006 | 10 Comments so far

Further to my recent template problems I fixed it to a specific font pixel size for my header and sidebar instead of percentage points. I left the body so that readers with sight impairment can still make the fonts larger to read my posts. (In case you haven’t noticed, there is also a podcast option found on the post page to listen instead of reading. Just click on the little speaker icon below the post).

Changing the fonts to a specific pixel size should prevent my template from being blown apart and satisfy at least half of the browser users. Unfortunately Firefox ignores CSS control over fonts in favor of supposedly giving the user full control. In all fairness it does have plugins (extensions) such as Greasemonkey, but it’s not without it’s problems either. If you are viewing this site with Firefox I recommend that you use something similar.

This got me thinking about cross-browser inconsistencies and I’m recommending that programmers follow Opera’s lead which has a sensible zoom feature (dynamic resizing) that zooms the entire website, not just the text - i.e. the text remains in proportion with the site template and won’t break your design. Very nice.

That’s a good compromise for both the designer as well as the reader don’t you think. Is anyone listening out there?


Related links: blog bloke, instabloke, blog, weblog, blogging, blog tools, blogtech, webtech, computers and internet, technology, tech, software, browsers, firefox, internet explorer

Filed under: Blog Design Tips, Blog Tips Blogger, blogging tips, wordpress plugins

Sharing is Caring...

 
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • TwitThis
  • Facebook
  • Digg
  • StumbleUpon
  • del.icio.us
  • FriendFeed
  • Google
  • Live
  • YahooMyWeb
  • Sphinn
  • LinkedIn
  • Reddit
  • email
  • Keep in touch with BLOGBloke and don't miss another blog tip:

    Subscribe here to the Better Blog Tips Newsfeed!

    Follow @BLOGBloke on Twitter for Social Media Tips & News!

    What Next? Read More Tips From BLOGBloke:

            Opinions? (click here to jump to the comments form)

    Ok Blokesters it's your turn to tell me what you think, ask a question or suggest a blog tip. Don't forget the comments policy and I'm looking forward to reading what you have to say.

    10 Comments so far to “Browser Rendering: A Website Designer’s Nightmare”

    1. Great news.It’s hard to imagine that firefox has become even better!
      Now it’s an ultimate browser, I guess.

      ——————
      Download Firefox 2

      [ Reply..]

      @Anonymous, Yeah Firefox is the ultimate browser for sure. I am using it since 3 years.
      Good post BTW.
      Thanks

      [ Reply..]

      Exquisite (@blogbloketips) reply on April 11th, 2009 6:29 am:

    2. Thank you - I’ll be sure to check back later for more of your posts.

      [ Reply..]

    3. Thank you - I’ll be sure to check back later for more of your posts.

      [ Reply..]

    4. hey id like to talk with you about your blog. please email me - thanks.

      [ Reply..]

      @Jacob, how about you email me? Thanks.

      [ Reply..]

      Blog Bloke (@blogbloketips) reply on March 21st, 2009 12:13 pm:

    5. Thank you - I’ll be sure to check back later for more of your posts

      [ Reply..]

    6. Thanks for the tips, Are you designing blogs? mail me..

      [ Reply..]

    7. thanks for your tips.

      [ Reply..]

    8. […] By tawan235 Now, every business are getting .new method of .marketing .for their. . ..marketing methods. are. based on country area, some are. based on international target. and […]

    BLOGBloke AvatarAdd A Comment .. your avatar (like mine on the right) will magically appear from your social profiles like Twitter or Gravatar. You can also add a comment to your Twitter or Facebook pages by clicking on the following so-very cool buttons  Share

    Tweet This? Click Here   Send To Twitter?

    Subscribe to Better Blog Tips and the New Media Newsfeed Subscribe to comments for this post by RSS | TrackBack URL

    You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Subscribe to Better Blog Tips and the New Media Newsfeed Thanks for dropping by and don't forget to Subscribe to the Better TIPS Newsfeed