Suche
Teilen
startseite » forum

browser condition typo3

  • susy2space susy2spac...
    Padawan
    0 x
    60 Beiträge
    0 Hilfreiche Beiträge
    30. 09. 2010, 15:31

    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

    1. [browser= msie] OR [browser= firefox]
    2.   page.includeCSS { 
    3.      file1 = fileadmin/templates/blue3col/css/style.css
    4.      file2 = fileadmin/templates/blue3col/css/style-ext.css
    5.   }
    6. [ELSE]
    7.   page.includeCSS { 
    8.      file1 = fileadmin/templates/blue3col/css/style-chrome.css
    9.      file2 = fileadmin/templates/blue3col/css/style-ext-chrome.css
    10.   }
    11. [global]

  • 1
  • lisardo lisardo
    Jedi-Meister
    0 x
    306 Beiträge
    0 Hilfreiche Beiträge
    30. 09. 2010, 18:37

    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: 

    1. page.includeCSS { 
    2.      file1 = fileadmin/templates/blue3col/css/style-chrome.css
    3.      file2 = fileadmin/templates/blue3col/css/style-ext-chrome.css
    4.   }
    5. [browser= msie] OR [browser= firefox]
    6.   page.includeCSS { 
    7.      file1 = fileadmin/templates/blue3col/css/style.css
    8.      file2 = fileadmin/templates/blue3col/css/style-ext.css
    9.   }
    10. [global]

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

    Gruß
    Peter
    [url=http://www.typo3-lisardo.de]Lisardo Multimedia[/url]

  • jenses jenses
    Flash Gordon
    0 x
    3087 Beiträge
    106 Hilfreiche Beiträge
    01. 10. 2010, 07:54

    [quote="susy2space"]
    Conditional CSS geht ja nur für IE.
    [/quote]
    Das stimmt natürlich nicht,
    Chrome und Safari werden beispielsweise so gesondert behandelt:

    1. @media screen and (-webkit-min-device-pixel-ratio:0) {
    2.     body { background-color:pink;  } 
    3. }

  • lisardo lisardo
    Jedi-Meister
    0 x
    306 Beiträge
    0 Hilfreiche Beiträge
    01. 10. 2010, 10:21

    Hallo Jenses,

    das ist cool, wusste ich noch nicht. Danke!

    Gruß
    Peter
    [url=http://www.typo3-lisardo.de]Lisardo Multimedia[/url]

  • susy2space susy2spac...
    Padawan
    0 x
    60 Beiträge
    0 Hilfreiche Beiträge
    01. 10. 2010, 10:48

    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 lisardo
    Jedi-Meister
    0 x
    306 Beiträge
    0 Hilfreiche Beiträge
    01. 10. 2010, 11:54

    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
    [url=http://www.typo3-lisardo.de]Lisardo Multimedia[/url]

  • 1
Präsentiert von