| Severe color issue with IE and Firefox
need help |
hipclimber
msg:4508742 | 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>
|
lucy24
msg:4508745 | 4:08 am on Oct 17, 2012 (gmt 0) |
... 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?
|
rainborick
msg:4508754 | 5:16 am on Oct 17, 2012 (gmt 0) |
IE10 has support for CSS gradients. Older versions require using their filter mechanism (which I don't believe includes radial gradients anyway).
|
|
|
