Mohsin Rasool - IAM & IGA Consultant

  • Home
  • About
  • Testimonials
  • Genesis Framework for WordPress – What, Why & How
  • Contact

Powered by Genesis

Google Chrome Browser Background Problem

June 20, 2009 by Mohsin Rasool

Today I was working on a new wordpress theme and I discovered this Error/Bug in Google Chrome. What is the bug? Well it would not show the background of the body properly.

Every other browser like Firefox and I.E will show the background fine, but Chrome will show no background, or simple plane white color. While I used built in Element Inspect tool in Chrome, I see there it has applied blank background. I searched the Web, and found many fixes, but this is what worked for me:

Simple add to your CSS stylesheet this line:

html{ height: 100%;}

Also you may replace your Body tag, with Html,Body i.e.
Body
{some css here}

will become
Html,Body
{same CSS here.}

Hope this saves you some time and solve your problem.
Regards,
Mohsin Rasool

Filed Under: Internet Business, Technology Tagged With: Browser Issues, Website Development

Comments

  1. Gabo says

    August 31, 2009 at 7:22 pm

    Hi,
    This is not a bug in Chrome, but the way you designed your css/html structure (maybe using height 100% on the ?). As a rule you should keep styling rules applied to visible elements (i.e. and it’s children). I have found very very few exceptions to this, and usually the need to apply css rules to the tag is because of cross browser problems that IE6 has with absolute and fixed positionings.

  2. Oliver says

    September 4, 2009 at 7:13 pm

    Ha, thanks a bunch! And so easy…

    I have been bashing my head on figuring out why Chrome was being such a pain and stopping the background from rendering on the page after the last element. Now I can move on to more important duties like hacks for IE6 πŸ™

    Cheers

  3. Mohsin Rasool says

    September 6, 2009 at 5:18 pm

    Hi Gabo,

    thanks for your input!

    Hi Oliver,
    You are always welcome! I am glad that this post was
    any help to you…

    /oh yeah IE6! What a headache!

    Best Regards,
    Mohsin Rasool

  4. Sjoerd Faerber says

    August 25, 2010 at 8:49 am

    This could be handy i guess but also it could your whole layout giving the same css to html and body

    I put the backgroundimage in the html tag and that works too and for the sites i develop much better – the same issue solved in Safari browser

    body{
    background-image:url(image.jpg);
    }

    html{
    background-image:url(image.jpg);
    }

Recent Posts

  • Launch Again if Needed
  • Testing Gutenberg Editor
  • My Favorite Quotes
  • Fix NodeJs Permissions Problem
  • Take Full Page Screenshot in FireFox with No Addons like a Boss
  • My Calculator is Now NodeJs instead of Google or Excel
  • Node.js Installing on Ubuntu 14.04 and also NPM
  • Associate Tags & Categories with Custom Post Type – CPT & Make them Work on Archive Pages
  • SASS & SCSS to Super Charge CSS Skills
  • Bluefish Editor – Text Editor for Programmers
  • An offline version of Khan Academy
  • Happy New Year 2014 & Falling Snow until 4th jan
  • WordPress 3.8 I love Admin Interface
  • German City Starts Distributing Free Ubuntu 12.04 CDs to Windows XP Users
  • FireFox Responsive Web Design View RWD
  • Keep Height of Second Div column same as First Div
  • Using PTCL & WordPress – Two Unusual Issues I Faced Today
  • Surprise – The Biggest Bonus So Far & Joy of Working
  • Toastmasters Club Lahore
  • Giving Access to Specific Bucket in AWS using IAM
  • GiT Guide & Basic Commands for Git Beginners
  • Added Good Looking Pricing Table to MagicBox Website
  • Thank You WordPress
  • Yes You Can Do It _Watch it Now
  • 2Checkout Coupon Promo Code Get Free 2Co Account
  • Top Ubuntu Free Softwares We Use Everyday in Our Internet Business
  • Market Samurai – Great Customer Support
  • Bobby McFerrin hacks your brain with music
  • Start up File Helps Your Startup Business
  • Simply Awesome – Reunion With Old Friend
  • Fire the Complex, Go for Simple
  • Facebook Profile Nice & Clean Personal URL
  • Forget about todo list, Manage Your Energy
  • Credit Card Interest Rate Puzzle & Banker’s Bomb
  • Seven Best Free Tools I Use Everyday in my Business
  • Google Wave – Best Tips & Tricks for Users
  • Paypal in Pakistan? Response to a Friend
  • Google Apps – Future Of Business Communication
  • Flippa for Flipping, Good as Sitepoint?
  • Fit Reports Launched again at Fit dot com
  • How a Website is Created Online Exactly – Part -1
  • 2Checkout Owner Alan Homewood Interviewed
  • Uploading Files Fast Quick Tip
  • How to Delete All Those Spam Comments
  • WordPress as CMS Pages RSS Feeds
  • MySQL-Front What a Great Tool
  • Google Chrome Browser Background Problem
  • Quick Fix for WordPress Duplicate Content
  • WordPress Blog Tips
  • No Paypal, No Clickbank, No Problem