bei IE zeigtes an bei FIREFOX nicht.

Status
Nicht offen für weitere Antworten.
S

ston89

Grünschnabel
Hi Zusammen,

Ich habe ein CSS Style ge' downloadet, doch wenn ich eine Tabelle mit"head"
mache zeigt es bei mir ne normale farbige Tabelle an. In IE hingegen sieht man einen Farbenverlauf... ich möchte gerne dies auch in Firefox anzeigen lassen.. wie?
könnt ihr mir helfen

THX
Stoni89
Code: 
body {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   background-color: #E7E5DD;
   font-size: 12px;
   color: #000000;
}

table { border: 0px; }

table.content { border-width: 0px; margin-bottom: 5px; padding: 0px; background-color: #4D4D62; }
table.head    { border-width: 0px; margin: 1px 0px 5px; padding: 0px; background-color: #4D4D62; }
table.info    { border-width: 0px; margin: 1px 0px 5px; padding: 0px; background-color: #4D4D62; }
table.panel   { width: 150px; background-color: #4D4D62; border-color: #4D4D62; margin-bottom: 5px; }

th { font-size: 13px; }
td { font-size: 12px; }

th.head {
   background-color: #BE891B;
   filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr="#BE891B", startColorstr="#F8F5E4", gradientType="0");
}
td.head {
   background-color: #BE891B;
   font-weight: bold;
   filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr="#BE891B", startColorstr="#F8F5E4", gradientType="0");
}

th.info   { background-color: #9F966F; border: 1px solid #4583C0; }
td.info   { background-color: #9F966F; }

th.header { background-color: #D9B359; font-weight: bold; }
td.header { background-color: #D9B359; font-size: 9px; }

td.left   { background-color: #E6DB8E; }
td.right  { background-color: #F0E9B8; }

td.odd    { background-color: #E6DB8E; }
td.even   { background-color: #F0E9B8; }

td.center { background-color: #C19D66; }
td.top    { background-color: #C19D66; }
td.bottom { background-color: #C19D66; }

table.quote {
   background-color: #E6DB8E;
   border: 1px solid #4D4D62;
}

td.quote {
   padding: 3px;
   background-color: #E6DB8E;
   border-top: 1px dashed #4D4D62;
}

a:link {text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #000; }
a:active { text-decoration: underline; color: #000; }
a:hover { text-decoration: underline overline; color: #000; background-color: #E8CF98; }

input       { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; }
input.send  { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; }
select      { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; }
textarea    { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; font-size: 12px; }
fieldset    { border: 1px solid #999; background-color: #F8F5E4; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; padding-top: 5px; }

legend {
   border: 1px solid #999;
   background-color: #D9B359;
   font-family: Verdana, Arial, sans-serif;
   font-size: 15px;
   font-weight: bold;
   padding: 2px;
}
 
Wenn du, anstatt gleich hier zu posten, zwei Sekunden den Code studiert hättest, hättest du gesehen, dass da folgendes steht:
Code: 
filter: progid:-)XImageTransform.Microsoft.Gradient(endColorstr="#BE891B", startColorstr="#F8F5E4", gradientType="0");
Da steht Microsoft – das bedeutet, dass dieser Farbverlauf nirgendwo sonst funktionieren wird als in Microsoft-Produkten, also auch nicht im Firefox. Wenn du auch dort einen Verlauf willst, musst du das anders lösen.
 
Das ist ein Microsoft-Filter, den unterstützt nur der IE. Das musst du dann wohl mit Grafiken lösen. Aber vielleicht weiß jemand hier wie man es trotzdem mit Filtern machen kann.

Joe
 
Du könntest es mit Hintergrundgrafiken realisieren. Ein CSS-Filter, der so etwas browserübergreifend realisiert, ist mir nicht bekannt.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück