Zum Inhalt springen

Stylesheet funzt nur im Internet Explorer?

Erstellt am 9. März 2005 · 11 Antworten · letzte Antwort am 14. März 2005

Tags: HTML & CSS, Frage

pabst ·

Moin,
habe eine Typo3-Website mit Stylesheet angelegt, und im Template unter Include static cSetStylesheet inkludiert. Funktioniert auch ganz prima, wenn ich das Stylesheet ändere, aber nur im Internet Explorer. Im Firefox und in der Druckansicht dagegen wird das Stylesheet gar nicht berücksichtigt. Was hab ich da nur gemacht?

Für Tipps wär ich echt dankbar!

Dander ·

hast du ein eigenes stylesheet eingbaut und bei include static zusätzlich
cSetStylesheet ausgewähl??

pabst ·

Äh... jo

Wenn ich cset stylesheet nicht auswähle, bringen die Änderungen an meinem Stylesheet auch nichts. Ist das denn nicht richtig so?

Eingebunden habe ich das Stylesheet folgendermaßen:

seite = PAGE
seite {
   noLinkUnderline = 1
   typeNum = 0
   bodyTag = <body bgColor = "#FFFFFF">
   stylesheet = fileadmin/style.css
   meta.AUTHOR = Pabst Science Publishers
   meta.DESCRIPTION = Anästhesie CME 

   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/design.htm
   10.workOnSubpart = DOKUMENT
   10.marks.CONTENT < styles.content.get

Hat denn keiner einen Tipp für mich newbie?

pabst ·

Sorry, dass ich dieses Topic noch mal hervorhole, aber ich weiss echt nicht mehr weiter.

Vielleicht habe ich nur eine Kleinigkeit übersehen. Laufen denn bei euch die Stylesheets problemlos in verschiedenen Browsern?

Helft mir doch biiiiitteeee! 🙁

hardcoder ·

Hi,

ich hatte mal ein problem mit FF das er die css-datei "nicht gefressen" hat ..

lag an einer Fehlenden Klammer "{" oder "}" in der css datei. Der IE hatte die einfach "dazugedacht"

pabst ·

@hardcoder

Danke, an das Stylesheet selber hab ich noch gar nicht gedacht, weil es ja im IE läuft, im FF aber nicht. Werde ich gleich mal überprüfen.

acheron2512 ·

Genau, du solltest dir das Stylesheet mal genau anschauen. Firefox und Opera sind viel penibler mit der Auflösung der Anweisungen... Bei mir spinnt Firefox auch noch, wenn ich jedes Staubkorn aus dem CSS entferne.

Ansonsten: Poste doch mal das Stylesheet hier.

pabst ·

Ja, also hab das css überprüft und eine fehlende Klammer hinzugefügt, aber dennoch keine Änderung.

a:link { color : #005177; font weight : bold} 
a:visited { color : #005177; font weight : bold} 
a:hover { color : #B1CBE4; font weight : bold}
a:active { color : #005177; font weight : bold} 

a.menu_oben:link { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #005177; 
   font-weight : bold; 
   text-decoration : none; 
} 

a.menu_oben:visited { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #005177; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.menu_oben:active { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #005177; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.menu_oben:hover { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #DE5401; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.klickpfad:link { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #DEEAFE; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.klickpfad:visited { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #DEEAFE; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.klickpfad:active { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #DEEAFE; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.klickpfad:hover { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #FFFFFF; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.menu_links:link { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color: #000000; 
   font-weight : bold;
   margin-top : 30 px; 
                text-decoration : none; 
} 

a.menu_links:visited { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #000000; 
   font-weight: bold; 
                text-decoration: none; 
} 

a.menu_links :active { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #999999; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.menu_links:hover { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 12px; 
   color : #999999; 
   font-weight : bold; 
                text-decoration : none; 
} 

a.menu_links_2:link { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 11px; 
   color : #000000; 
   font-weight : normal;
                text-decoration : none; 
} 

a.menu_links_2:visited { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 11px; 
   color : #000000; 
   font-weight : normal;
                text-decoration: none; 
} 

a.menu_links_2:active { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 11px; 
   color : #999999; 
   font-weight : normal;
                text-decoration: none; 
} 

a.menu_links_2:hover { 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   font-size : 11px; 
   color : #999999; 
   font-weight : normal;
                text-decoration : none; 
} 

.datum {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
}
	
SELECT {  
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px 
}
TEXTAREA {  
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : 11px
} 
INPUT {  
	font-family : Verdana, Arial, Helvetica; 
	font-size : 11px 
}


H1 {
	font-family : Verdana, sans-serif;
	font-size : 16px;
	color : #000000;
	margin-bottom : 10px;
	margin-top : 20px;
}
H2 {
	font-family : Verdana, sans-serif;
	font-size : 15px;
	color : #4296A8;
	margin-bottom : 10px;
	margin-top : 20px;
}
H3 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #666666;
	margin-bottom : 8px;
	margin-top : 15px;
}
H4 {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : black;
	margin-bottom : 8px;
	margin-top : 15px;
}
.subhead1 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : black;
}
.subhead2 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : green;
}
.subhead3 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : red;
}
.headerdate {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : Green;
	font-weight: normal;
}

P {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	line-height : 130%;
	color: #000000;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 0px;
	text-indent : 0px;
}
.caption {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #FF9966;
}
.bulletlist {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	line-height : 130%;
	color : #000000;
}
.table {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #CC3366;
}

.searchform {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #6600CC;
	font-weight : normal;
}
.searchresultpagetitle {
	font-family : Verdana, sans-serif;
	font-size : 15px;
	color : #333333;
	font-weight : bold;
}
.searchresultcontent {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #6600CC;
	font-weight : normal;
}
.searchresultheader {
	font-family : Verdana, sans-serif;
	font-size : 14px;
	color : #333366;
	font-weight : bolder;
}
.searchmarkup {
	color : #FF0066;
}

.loginform {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #CC0000;
	font-weight : normal;
}

.mailform {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #003366;
	font-weight : normal;
}
.mailformrequired {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : red;
	font-weight : bolder;
}
.mailformcomment {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #CC0000;
	font-weight : bolder;
}
.mailformradio {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #003366;
	font-weight : normal;
}

.filelinks {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #990000;
}
.filelinkssize {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : Green;
}

.sitemap1 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #CC6600;
}
.sitemap2 {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #990000;
	margin-left : 20px;
}
.sitemap3 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #333399;
	margin-left : 40px;	
}
.sitemap4 {
	font-family : Verdana, sans-serif;
	font-size : 9px;
	color : #003333;
	margin-left : 60px;
}




.celmenu {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : olive;
	margin-top : 10px;
}
.celsubmenu {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #666699;
	margin-left : 20px;
	margin-top : 3px;
}

Komischerweise funktioniert das auch in der Druckansicth nicht...

hardcoder ·

ok ... ich hab mal in meinen styles

color:#abcdef;

durch

color : #abcdef;

(space vor und nach dem doppelpunkt)

ersetzt ... und ..FF reagiert anders !

pabst ·

Dickes Danke!

Da hätte ich wahrscheinlich nächstes Jahr noch gesucht: Es waren tatsächlich die Leerzeichen. Im FF sieht die Seite jetzt fast aus wie im IE.

Nur die Druckseite ist unverändert. Wenn ihr da auch noch einen Tipp hättet, wäre ich froh.