homepage Welcome to WebmasterWorld Guest from 54.211.157.103
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
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)

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




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).

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved