Forum Moderators: not2easy

Message Too Old, No Replies

Gradient height in ie8

         

ads112001

3:18 pm on Feb 15, 2011 (gmt 0)

10+ Year Member



I have my site looking good in all browsers but in ie8 i'm having issues. I have a css gradient in the body element using
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0a0f', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#9e0a0f), to(#000000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #9e0a0f, #000000); /* for firefox 3.6+ */

The gradient shows up in all browsers except ie8.
Here's my css:
body {background: #000000; /* for non-css3 browsers */ text-align:center; font-family:verdana, arial, Sans-serif; font-size:11px; color:#574B3F; line-height:150%; height:100%;}

ads112001

3:50 pm on Feb 15, 2011 (gmt 0)

10+ Year Member



If I add height:100%; to the html element the gradient appears but the window won't scroll.