Jump to content

Problem with IE ( in firefox site looks good but not in IE)


Recommended Posts

Using http://gradcolor.com/css3-gradient.php

 background-color:#EDD8B9; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EDD8B9, endColorstr=#AA9472); background-image:-moz-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-ms-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-o-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(32%,#EDD8B9), color-stop(100%,#AA9472));

  • Like 1
Link to post
Share on other sites
#footer-content {	background-color: #F9F9F9;	background-image: -moz-linear-gradient(center bottom , #AA9472 32%, #EDD8B9 100%);	border-radius: 0 0 7px 7px;	margin-bottom: 1px;	margin-left: 1px;	margin-top: 1px;	width: 958px;}

becomes

#footer-content {background-color: #F9F9F9; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EDD8B9, endColorstr=#AA9472); background-image:-moz-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-ms-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-o-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(32%,#EDD8B9), color-stop(100%,#AA9472));	border-radius: 0 0 7px 7px;	margin-bottom: 1px;	margin-left: 1px;	margin-top: 1px;	width: 958px;}  

Link to post
Share on other sites

you have a stylesheet called style.css (make copy just in case) open it in an editor (notepad will do) at about line 306, search for

#footer-content {        background-color: #F9F9F9;        background-image: -moz-linear-gradient(center bottom , #AA9472 32%, #EDD8B9 100%);        border-radius: 0 0 7px 7px;        margin-bottom: 1px;        margin-left: 1px;        margin-top: 1px;        width: 958px;} 

replace with

#footer-content {background-color: #F9F9F9; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EDD8B9, endColorstr=#AA9472); background-image:-moz-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-ms-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-o-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(32%,#EDD8B9), color-stop(100%,#AA9472));        border-radius: 0 0 7px 7px;        margin-bottom: 1px;        margin-left: 1px;        margin-top: 1px;        width: 958px;}

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...