^^ Hi, I don't mean to be a pest or anything, but most recently I've had mass amounts of problems with making the CSS I use compatible with both IE and Firefox. In IE it looks wonderful, the way its supposed to be, but in Firefox, it looks like...crap. It uses the Times fonts. Is there anyway I can fix it so that the CSS/coding is the same in both browsers? It's causing mass navigation issues, and I'd like the animefanlistings off my back.
CODE
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
background-repeat: repeat-x;
font-family: Arial;
font-size: 8pt;
line-height: 14px;
text-align: justify;
color: #FE1D01;
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FE1D01;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FF642A;
}
#table {
width: 100%;
height: 100%;
border: 0px;
}
A:link
{ color: #FE1D01;
text-decoration: none;
background-color: none;
text-transform: uppercase;
font-weight: none;
letter-spacing: 1px;
border-bottom: 1px dotted #FF9F5A;
}
A:active
{ color: #FF9F5A;
text-decoration: none;
background-color: none;
}
A:hover {
color: #FF9F5A;
background-color: none;
text-decoration: none;
font-family: none;
font-style: italic;
cursor: nw-resize;
border-bottom: 1px dotted #FF642A;}
A:visited
{ color: #FE1D01;
text-decoration: none;
background-color: none;
text-transform: uppercase;
font-weight: none;
font-style: oblique;
border-bottom: 1px solid #FF642A;
}
blockquote {
background-color: #FFEADE;
border-left: 6px double #F11402;
text-transform: none;
font-color: #FE1D01;
letter-spacing: 0px;
line-height: 13px;
}
.header { letter-spacing: 3px; word-spacing: 2px; font-family: Arial Narrow; color: #FF642A; font-size: 16pt; font-weight: none; text-align: right; font-style: none; border-bottom: 0px dotted #A6947C; border-left: 0px solid #A3DB5A; text-transform: uppercase; background-color: none; }
.header1 { letter-spacing: 3px; word-spacing: 0px; font-family: Franklin Gothic Medium; color: #D58955; font-size: 7pt; font-weight: none; text-align: right; font-style: none; border-bottom: 0px dashed #496287; border-left: 0px solid #A3DB5A; text-transform: uppercase; background-color: #F7F9F5; }
.head { letter-spacing: 3px; word-spacing: 2px; font-family: Arial Narrow; color: #FF642A; font-size: 16pt; font-weight: none; text-align: right; font-style: none; border-bottom: 0px dotted #A6947C; border-left: 0px solid #A3DB5A; text-transform: uppercase; background-color: none; }
b { color: #FF642A;
text-transform: uppercase;
letter-spacing: 1px;}
i { color: #83D7E7;}
u { color: #55D7EA;}
img { border: 0;}
input,option,select,textarea
{
background-color: #FFE7D9;
border: 0px dashed #1E5151;
font-family: Tahoma;
font-size: 8pt;
color: #FE1D01;}
.line {
border-bottom: 1px dotted #FF642A; }
-->
</style>
@.@ any help would be appreciated!
29 Jun, 2007 - 11:44 PM
| 