Home/ Questions/Q 3336062
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T00:05:28+00:00

I was basically wondering if there was a work around to this? I was

  • 0

I was basically wondering if there was a work around to this? I was redesigning my old mans plumbing website, and took a few of the ideas from this website http://visitmix.com/ where they used the body css tag as the header background with a few overlapping designs into the main website body – and the html css tag for the background repeating image of the rest of the webpage. While this works in firefox and chrome, the internet explorer background is just the background color.

The website I’m working on is here: http://www.plumberkendal.co.uk which shows what I mean. I’ve tried numerous things with the width and the height of the html css tag but to no avail.. heres the css in question:

html 
{
 background-image: url("../images/html_bg.png");
 background-repeat: repeat;
 background-color: #5a84c5;
 height: auto;
 width: auto; 
}

body 
{
 padding-top: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 background-image: url("../images/header_bg.png");
 background-repeat: no-repeat;
 background-position: center top;
 text-align: center;
 }

Any help would be greatly appreciated, cross-browser compatibility with css is an area that really confuses me!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should assign the background to the body selector, not the HTML tag: 

    body 
{
background-image: url("../images/html_bg.png");
 padding-top: 0px;
 margin-top: 0px;
...
}

    Assigning it to the HTML selector will not work as the HTML contains the head element as well as the body, and is not generally treated as an object that has a background.

    Assigning it to the body selector will ignore the <html> and <head> tags and put it right onto the main body of your page, displaying the background as intended.

    (If anyone else can explain this better, go ahead!) 🙂

    • 0