Welcome to WebmasterWorld Guest from 54.157.222.62

Forum Moderators: not2easy

Message Too Old, No Replies

Severe color issue with IE and Firefox

need help

   
3:48 am on Oct 17, 2012 (gmt 0)



Hey,

I built a website using a web builder and I am trying to customize the banner color of the template but when I adjust the code it changes the color in Firefox but not IE.

The following is the code.

<!DOCTYPE HTML>
<html>
<head>
<link href="_media/Styles/theme-style.css" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body>

<div class="top-style"></div>


<!--<div style="background-color:#143656;
background: -webkit-radial-gradient(50% 948px, circle, rgb(105, 127, 147) 20%, rgb(51, 51, 102) 75%);
background: -moz-radial-gradient(50% 948px, circle, rgb(105, 127, 147) 20%, rgb(51, 51, 102) 75%);
background: -ms-radial-gradient(50% 948px, circle, rgb(105, 127, 147) 20%, rgb(51, 51, 102) 75%);
background: -o-radial-gradient(50% 948px, circle, rgb(105, 127, 147) 20%, rgb(51, 51, 102) 75%);
background: radial-gradient(50% 948px, circle, rgb(105, 127, 147) 20%, rgb(51, 51, 102) 75%);
height:400px;
position:absolute;
top:84px;
width:100%;
z-index:-1;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;">

</div>-->

<div id="outer-top-contact">
<div id="top-contact">
<div id="mrp-container1" class="mrp-add-sealed"></div><!-- end mrp-container1 -->
<div id="mrp-container2" class="mrp-add-sealed"></div><!-- end mrp-container2 -->
</div><!-- end top-contact -->
</div><!-- end outer-top-contact -->

<div id="outer-wrapper">
<div id="wrapper">

<header>

<div id="header-container">
<div id="mrp-header" class="mrp-add-sealed"></div><!-- end mrp-header -->
<div id="mrp-container6" class="mrp-add-sealed"></div><!-- end mrp-container6 -->
</div><!-- end header-container -->
</header><!-- end header -->
<div id="mrp-container5" class="mrp-add-sealed"></div><!-- end mrp-container5 -->
<div id="outer-content-container">

<div id="outer-content-well">
<div id="mrp-container7" class="mrp-master-content-well"></div><!-- end content-well -->
</div><!-- end outer-content-well -->

</div><!-- end outer-content-container -->

</div><!-- end wrapper -->

<div id="outer-footer">
<footer>
<div id="mrp-container4"></div><!-- end mrp-container4 -->
<div id="mrp-container8"></div><!-- end mrp-container8 -->
<div id="mrp-footer"></div><!--end mrp-footer -->
</footer><!-- end footer -->
</div><!-- end outer-footer -->

<div id="outer-custom-copyright">
<div class="custom-copyright">Site design is Copyrightę Group Estate Network Inc. All rights reserved.</div><!-- end custom-copyright -->
</div><!-- end outer-custom-copyright -->

</div><!-- end outer-wrapper -->

</body>
</html>
4:08 am on Oct 17, 2012 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



in Firefox but not IE.

... and what about Opera and Webkit?

<!DOCTYPE HTML>
<html>
<head>
<link href="_media/Styles/theme-style.css" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Do browsers < IE9 even do HTML 5? What happens in the script? Where is it called?

Does every single line of your quoted code have to be present for the problem to occur? Conversely, does any of the quoted code have to be present? If not, when does the difference kick in?
5:16 am on Oct 17, 2012 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



IE10 has support for CSS gradients. Older versions require using their filter mechanism (which I don't believe includes radial gradients anyway).