Zum Inhalt springen

browser condition typo3

Erstellt am 30. September 2010 · 5 Antworten · letzte Antwort am 1. Oktober 2010

Tags: Frage

susy2space ·

Ich brauche bitte Hilfe..
Meine Seite wird super dargestellt im IE und Firefox. Nur bei Google Chrome und Safari
hab ich Darstellungsprobleme mit der Schriftart (wird alles bold angezeigt.)
Conditional CSS geht ja nur für IE.

So jetzt ollte ich einfach nach browser abhängig im typoscript ein anderes CSS laden.
Ich stell mich aber zu blöd an, da ich nicht weiss was ich für Google Chrome und Firefox einstellen muss als Wert für Browser. Googlen und Suchen hat mir auch nix gebracht.

Kann mir jemand nen Tipp geben? Danke

[browser= msie] OR [browser= firefox]
  page.includeCSS { 
     file1 = fileadmin/templates/blue3col/css/style.css
     file2 = fileadmin/templates/blue3col/css/style-ext.css
  }
[ELSE]
  page.includeCSS { 
     file1 = fileadmin/templates/blue3col/css/style-chrome.css
     file2 = fileadmin/templates/blue3col/css/style-ext-chrome.css
  }
[global]
lisardo ·

Hallo

in dem Fall hast du wahrscheinlich eher ein Syntaxproblem. Lass deine Seite mal durch einen HTML und CSS-Validator laufen. Vermute einen fehlenden schließenden Tag, der von IE und Firefox toleriert wird.

Ansonsten mach die condition halt einfach so:

page.includeCSS { 
     file1 = fileadmin/templates/blue3col/css/style-chrome.css
     file2 = fileadmin/templates/blue3col/css/style-ext-chrome.css
  }
[browser= msie] OR [browser= firefox]
  page.includeCSS { 
     file1 = fileadmin/templates/blue3col/css/style.css
     file2 = fileadmin/templates/blue3col/css/style-ext.css
  }
[global]

Aber wie gesagt, vermute eher einen Fehler in der HTML-Syntax.

Gruß
Peter
Lisardo Multimedia

jenses ·
susy2space schrieb

Conditional CSS geht ja nur für IE.

Das stimmt natürlich nicht,
Chrome und Safari werden beispielsweise so gesondert behandelt:

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body { background-color:pink;  } 
}
susy2space ·

Danke Jensens, ich war immer in dem Glauben..
die Weiche funktioniert bei mir auch..

Ich hab grad das Problem dass Safari und Chrome " Arial Bold TT" alles fett anzeigt, im ie und firefox geht das problemlos und nur da, wo der CSS BOLD sagt auch bold gezeigt wird.
Was mach ich für die anderen Browser?

lisardo ·

Da ist ein logischer Fehler drin. "Arial Bold TT" hat seinen Namen weil sie fett ist. Heisst, dass Safari und Chrome recht haben: diese Schrift muss fett gezeigt werden, einfach weil sie fett ist. Es gibt davon keine normale Anzeige.

Fragt sich, warum es die anderen nicht anzeigen. Vermutlich, weil sie diese Schrift aus irgend einem Grund gar nicht zeigen und statt dessen auf die normale Arial zurückfallen.

Gruß
Peter
Lisardo Multimedia