Forum Moderators: not2easy

Message Too Old, No Replies

Severe color issue with IE and Firefox

need help

         

hipclimber

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

10+ Year Member



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

4:08 am on Oct 17, 2012 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member 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?

rainborick

5:16 am on Oct 17, 2012 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



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