Avatar billede godplayer Nybegynder
05. november 2007 - 16:36 Der er 5 kommentarer

Min CSS-fil bliver ikke læst rigtigt i firefox?

Hej alle,

har netop fået installeret og redigeret min OScommerce side til eget behov. Alt virker fint i explorer, men lige så snart jeg skal vise siden i firefox, ser det ud til at den ikke læser css-filen.

min side ligger her: www.skindgalleriet.dk/index.php

og min css-fil ser således ud:
/*
$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
BODY {
background: #ffffff;
color: #000000;
margin: 0px;
}
A {
color: #000000;
text-decoration: none;
}
A:hover {
color: #AABBDD;
text-decoration: underline;
}
FORM {
display: inline;
}
TABLE.popup {
border-width: 1px;
border-style: dotted;
border-color
TR.header {
background: #ffffff;

}
TR.headerNavigation {
background: #404616;
border-width: 3px;
}
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #42471d;
color: #ffffff;
font-weight : bold;
}
A.headerNavigation {
color: #FFFFFF;
}
A.headerNavigation:hover {
color: #ffffff;
}
TR.headerError {
background: #ff0000;
}
TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background: #00ff00;
}
TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
TR.footer {
background: #a8b371;
}
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #42471d;
color: #ffffff;
font-weight: bold;
}
.infoBox {
background: #b6b7cb;
}
.infoBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
.infoBoxNotice {
background: #FF8E90;
}
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background: #42471d;
color: #ffffff;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #f8f8f9;
}
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
A.pageResults {
color: #0000FF;
}
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}
TR.subBar {
background: #f4f7fd;
}
TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
}
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ff0000; }

håber på svar snarest muligt.
Tak

Mikkel
Avatar billede olebole Juniormester
06. november 2007 - 15:13 #1
<ole>

Første problem er, at du sætter de vigtigste dele af CSS ud af kraft i IE6 med den DTD, du benytter. Brug denne i stedet:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">

Så vil både IE og FF tolke din CSS (næsten) korrekt - men da du jo har skrevet den til en IE, hvor du har sat CSS ud af kraft, vil du efterfølgende være nødt til at skrive en god del af din CSS om. Til gengæld vil siden så vises langt mere ens i de fleste browsere.

/mvh
</bole>
Avatar billede godplayer Nybegynder
07. november 2007 - 10:58 #2
Tak for hjælpen,

men nu ligger landet sådan at jeg ikke erspecielt god til at programmere, og hvis jeg skall være helt ærlig ved jeg ikke hvad jeg skal stille op.


kan du evt. skrive en nem fremgangsmåde?

Mikkel
Avatar billede olebole Juniormester
08. november 2007 - 09:09 #3
Nej, der er ikke rigtig nogen genveje. Hvis du vil skrive websider, må du lære sprogene
Avatar billede godplayer Nybegynder
08. november 2007 - 12:14 #4
Har ikke så meget tid til det. Kan du evt. gøre det for et mindre beløb?

Mikkel
Avatar billede morpheus Nybegynder
08. november 2007 - 22:04 #5
Hej...

Jeg kan godt gøre det. Send relavant info til dni (a) qubix.dk
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester