Log In · Register

 
background color, how do I make my background color seamless in different browsers?
tintinnabulation
post Mar 12 2008, 07:37 PM
Post #1


Member
**

Group: Member
Posts: 16
Joined: Jul 2007
Member No: 540,775



I'm having a problem with my new layout I put on my myspace. The color is perfect in firefox but in IE it's a couple shades off from the background image. How do I make the background color seamless in both browsers? I love the layout but the color difference bugs me. Can someone help please?
CODE



<style type="text/css">table, td {background-color:transparent; border:none; border-width:0;}body{background-image:url("http://img.photobucket.com/albums/v252/staceyluong/lytimages/openup.png"); background-attachment: fixed; background-position: bottom left; background-repeat: no-repeat; background-color:700441;}table table table{border: 1px solid; border-color:af7788; padding:0; background-color:700441; background-image: url("")}table tbody td table tbody tr td.text table{background-color:700441; background-image: url("")}table table{border:0px;}table table table table{border:0px;}font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br { font-family:century gothic; font-size: 10px; color: af7788; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; p adding: 0px; line-height: 10px;}textarea, input {font-family:century gothic; font-size: 10pt; color: af7788; text-transform:none; letter-spacing:0px; background-color: 000000; border:1px solid af7788; cursor:crosshair;}.btext {font-family:century gothic; font-size: 10px; color: af7788; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; background-color: 000000; padding: 0px; line-height: 10px; display: block;}.blacktext10 {font-family:century gothic; font-size: 10px; color: af7788; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; background-color: ; padding: 0px; line-height: 10px; display: block;}.blacktext12 {font-family:century gothic; font-size: 10px; color: af7788; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; background-color: ; padding: 0px; line-height: 10px; display: block;}.lightbluetext8 {font-family:century gothic; font-size: 10px; color: af7788; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; background-color: 000000; padding: 0px; line-height: 10px; display: block;}.nametext {font-family:century gothic; font-size: 36px; color: af7788; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; background-image: url(""); background-color: 000000; padding: 0px; line-height: 30px; display: block;}.orangetext15 {font-family:century gothic; font-size: 10px; color: af7788; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; background-color: 000000; padding: 0px; line-height: 10px; display: block;}.redbtext, .redtext {display:none;}.text {font-family:century gothic; font-size: 10px; color: af7788; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:century gothic; font-size: 10px; color: af7788; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; background-color: 000000; padding: 0px; line-height: 10px; display: block;}a:link, a.man:link, a.text:link {color: ffffff !important; font-family:century gothic; font-size: 10px; letter-spacing: 0px; font-weight: normal; text-transform: lowercase;}a:active, a.man:active, a.text:active, a:hover, a.man:hover, a.text:hover {color: af7788 !important; font-family:century gothic; font-size: 10px; font-weight:normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; line-height: 10px; background-color: 000000; border: 1px solid; border-color: ffffff;}a:visited, a.man:visited, a.text:visited, a.redlink:visited {color: af7788 !important; font-family:century gothic; font-size: 10px; font-weight: normal; text-decoration: none; letter-spaceing: 0px; text-transform: lowercase; line-height: 10px;}b, stong {font-family:arial; font-size: 12px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 12px;}i, strong {font-family: script; font-size: 15px; color: ffffff; font-weight: none; letterp-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 15px;}big {font-family:arial; font-size: 25px; line-height:25px; color:af7788; font-weight: bold; letter-spacing: -4px;}small {font-family:century gothic; font-size: 10px; line-height: 8px; color:ffffff; font-weight:normal; letter-spacing: 0px}body {cursor:crosshair ;}a:hover {cursor: crosshair;}TD TD {text-align: center;}TD TD TD {text-align: center;}TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}TD TD TD TD TD {border-top: 0px solid black; text-align:center;}TD TD TD TD TD TD {border: 1px solid;}TABLE, TD {padding: 0px; text-transform: lowercase; width:400px;}TABLE TABLE {padding: 0px; text-transform: lowercase;}TABLE TABLE TABLE {padding: 0px; text-transform: lowercase; height: .01%; width: 100%;}TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}table td div div font {visibili-ty:block;di-splay:none;}table table table table {border: 0px; text-align: justify; padding: 0px;}table table table table table {border: 0px; text-align: justify; padding: 0px;}table table table table table table {border: 0px; text-align: justify; padding: 0px;} </style><STYLE TYPE="text/css">BODY{ scrollbar-face-color:700441; scrollbar-shadow-color: af7788; scrollbar-highlight-color: af7788; scrollbar-3dlight-color:af7788; scrollbar-darkshadow-color: af7788; scrollbar-track-color:700441; scrollbar-arrow-color: af7788}.read! { This layout belongs to IDEE FIXE. Please do not steal, jock, or redistribute in any way, shape, or form. Please leave the CREDIT on}
</STYLE>

<style>
a.credit{background-color:transparent}
</style>
<div style="position:absolute;left:30px;top:30px;"><a href="http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vc3RhY2V5c19jb29sX2x5dHM=" class="credit"><img src="http://img.photobucket.com/albums/v252/staceyluong/cornercred.png" border="0"></a></div>
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: