0

i have a css coding working in chrome and opera but not in internet explorer or firefox..

so please have a lok at dis coding and what changes should be done so internet explorer could have a same display as in chrome
actually i have just background pictures problem as they are not covering the whole page as in chrome

@charset "utf-8";
/* CSS Document */

html
{
	background-size:100% 100%;
	
	
	background-image: url(111.jpg);
	height:100%;
	background-attachment:fixed;
	background-position:bottom;
	background-repeat:no-repeat;
	
}


body
{
	
	
	background-size: 100% 35%;
	color: #063;
	text-align: left;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	
	background-image: url(invert.JPG);
	background-repeat: no-repeat;
	background-position:top;
	height:100%;
}
h1
{
	color: #FFF;
	font-weight: bold;
	text-decoration: blink;
	text-decoration: overline;
	text-decoration: underline;
	font-style:italic;
	
	text-align: center;
    font-family: "Monotype Corsiva";
}
h6
{
	color: #F00;
	font-weight: bold;
	text-align: center;
    font-family: "MS Serif", "New York", serif;
	
}
	h4
{
	 font-family: "Arial Black", Gadget, sans-serif;
	text-align: center;
	color: #F00;
	text-decoration:underline;
	
}
3
Contributors
4
Replies
5
Views
6 Years
Discussion Span
Last Post by teedoff
0

As far as I know (even though it makes sense to do it the way you have it), IE doesn't support background styles (will handle height,width ok) on the html element. It should be ok to do on the body though. If you need two different sections of backgrounds you might go with 2 div's to take care of the backgrounds and set them to the heights you want to achieve the same affect.

0

You could take the style you have applied to the html tag, place them on your body tag, then create a new div to contain everything inside the body and take the style that are currently on your body and plce them on the new div. That way you can give the new div a width smaller than the width of the view port(body) and then your background on your body would show.

It would help to see your html code as well, or even better a link to your live site.

Edited by teedoff: n/a

0

You could take the style you have applied to the html tag, place them on your body tag, then create a new div to contain everything inside the body and take the style that are currently on your body and plce them on the new div. That way you can give the new div a width smaller than the width of the view port(body) and then your background on your body would show.

It would help to see your html code as well, or even better a link to your live site.

would you mind sending me the div coding according to my sent coding, so i could replace it........would b grateful

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.