« previous next »
Pages: [1]

Author Topic: CSS Error  (Read 8160 times)

Offline Stephan123

  • Newbie
  • *
  • Posts: 5
CSS Error
« on: April 06, 2009, 12:01:44 PM »
Hallo !

Ich habe RoundCubeMail in der Version 0.2.1 installiert.
Wenn ich RoundCubeMail im Firefox aufrufe dann erhalte ich CSS - Fehler.
Diese CSS - Fehler beziehen sich unter anderem auf die Weisung 'expression'
in der CSS - Datei.

Wer kann helfen ?
Gibt es ein Skin in dem diese Fehler bereinigt sind ?

Mit freundlichen Grüßen

Stephan
Logged

Offline rosali

  • Hero Member
  • *****
  • Posts: 2,533
CSS Error
« Reply #1 on: April 06, 2009, 04:52:32 PM »
Ja, du bekommst diese Fehler in der FF Konsole. Das ist in Ordnung. RoundCube benutzt CSS Browser Weichen und das heisst: IE akzeptiert 'expression' und FF logged einen Error, OK?
Logged
Regards,
Rosali
__________________
MyRoundcube Project (commercial)

Offline lacri

  • Full Member
  • ***
  • Posts: 179
    • http://www.php-lexikon.de
CSS Error
« Reply #2 on: April 07, 2009, 02:43:10 AM »
evtl. könnte mann ja mal bei Thomas und dem Rest des Teams anfragen, mein English ist leider nicht so prima ... ob es nicht Sinnvoll wäre auf konformes CSS umzustellen und das mann aus den vielen CSS Files ein großes globales CSS File für alle Browser macht und für die notwendigen Hacks und Sonderfälle spezielle CSS Files includiert so das die Browserweiche schon beim includieren des passenden CSS zuschlägt.

Vorteil ist weniger zu includierende CSS Files im Fall von Bugs bei einigen Browsern braucht mann nur das Browser spezifische CSS Files anfassen und kann so viel genauer Bugs in einzellnen Browsern fixen.

Anbei eine includierende CSS Weiche die ich mir mal zusammengebaut habe ...


<?
$_CONFIG['DIRECTORY']['CSS'] = './skins/default/';
$_CONFIG['SUFFIX'] = '.php';
$CSSCONFIG = ''; //params for CSS

echo '<!-- Basis CSS -->
  <link rel="stylesheet" href="'.$_CONFIG['DIRECTORY']['CSS'].'stylesheetBASIS'.$_CONFIG['SUFFIX'].''.$CSSCONFIG.'" type="text/css" media="all" />
<!-- FF Alle Modernen Browser ausser IE -->
  <style type="text/css">@import url('.$_CONFIG['DIRECTORY']['CSS'].'stylesheetNOIE'.$_CONFIG['SUFFIX'].''.$CSSCONFIG.') all;</style>
<!-- Opera CSS-->
  <link rel="stylesheet" type="text/x-opera-css;charset=utf-8" href="'.$_CONFIG['DIRECTORY']['CSS'].'stylesheetOPERA'.$_CONFIG['SUFFIX'].''.$CSSCONFIG.'" />
<!-- Safarie CSS-->
  <link rel="extra-keyword stylesheet" type="text/css" href="'.$_CONFIG['DIRECTORY']['CSS'].'stylesheetSAFARIE'.$_CONFIG['SUFFIX'].''.$CSSCONFIG.'" />
<!-- IE 5 und IE 6 CSS-->
<!--[if lt IE 7]>
  <style type="text/css">@import url('.$_CONFIG['DIRECTORY']['CSS'].'stylesheetIE5-6'.$_CONFIG['SUFFIX'].''.$CSSCONFIG.');</style>
<![endif]-->
<!-- IE 7 CSS-->
<!--[if IE 7]>
  <style type="text/css">@import url('.$_CONFIG['DIRECTORY']['CSS'].'stylesheetIE7'.$_CONFIG['SUFFIX'].''.$CSSCONFIG.');</style>
<![endif]-->';
?>
Bei mir sind die Stylesheet Files php scripte welche die CSS Files zu laufzeit generieren hat den Vorteil das mann Farben, Tabellengrößen usw dynamisch generieren kann und anpassen kann zb über ein config file. Hier mal noch ein Bsp. eines solchen CSS Files in diesem Fall das SAFARI CSS wie mann sieht müssen in dem jeweiligen Hack File nur noch die Sonderfälle Hacks beachtet werden da der rest komplett vom BASIS CSS File kommt vorteil ist halt auch das das SAFARI CSS nur vom SAFARI geladen wird usw wodurch auch Fehlinterpretation von Hacks für andere Browser minimiert wird. Hatte mir damals einige Gedanken zu dem Thema gemacht für ein  gut besuchtes Projekt wo der Anspruch ist kompatibilität für so viele Browser wie möglich und was es enorm schwer gamacht hatte es sollte überall identisch Aussehen wer etwas Ahnung hat kennt die Probleme interpretation von Standards vorallem IE 5, IE 6 und IE 7 da sieht ein und der selbe Code in jedem Browser anders aus. ;) so genug geredet....


<?
$absrp = './';
//GET params for _config.inc
$_SESSION['NEWSITE'] = $_GET['NEWSITE'];
$_NAVI['HAUPTMENUE'] = $_GET['HAUPTMENUE'];
$_NAVI['SITENAVI'] = $_GET['SITENAVI'];
$_SESSION['ADMIN'] = $_GET['ADMIN'];
include($absrp.'inc/_config.inc');
@header("Content-type: text/css");
echo '<!--

html:not([dummy]) #main_start_overu1 { top:139px; height:125px; }
html:not([dummy]) #main_start_overu2 { top:175px; }
html:not([dummy]) #main_start_overu3 { top:212px; }
html:not([dummy]) #main_start_overu4 { top:249px; }

-->';
?>


Was hälst Du davon Rosali ?
« Last Edit: April 07, 2009, 02:51:47 AM by lacri »
Logged

Offline Stephan123

  • Newbie
  • *
  • Posts: 5
CSS Error
« Reply #3 on: April 07, 2009, 03:44:38 AM »
Hallo !

Leider kenne ich RoundCube noch nicht.
Daher folgende Frage.
Hat RoundCube ein zentrales Html Templat, in dem die CSS - Dateien
zentral eingebunden werden. Oder wie ist die Sache organisiert ?

Leider muss ich mich mit den CSS - Errors intensiv beschäftigen :( .
Ich soll eine Browserweiche bauen, die in Abhängigkeit des jeweiligen
Browsers CSS - Dateien includiert oder auch nicht. Wenn ich richtig infotmiert bin, dann wird das 'expression' bis zum IE 7 verarbeitet. Daher denke ich an eine CSS Browserweiche entsprechend 'YAML' Browserweiche
mit 'Conditional Comments' .

Gruß Stephan
Logged

Offline rosali

  • Hero Member
  • *****
  • Posts: 2,533
CSS Error
« Reply #4 on: April 07, 2009, 03:59:13 AM »
@lacri:

Es gibt für und wider. Dein CSS Handling sorgt für ein Höchstmaß an Kompatibilität. Allerding würden die Skin Designer m.E. nicht unbedingt glücklich sein. Du würdest Ihnen die Möglichkeit nehmen, eigenes von CORE unabhängiges CSS einzubinden. Gegen die in Templates eingebunde Browser Weiche hätte ich nichts einzuwenden. Das lässt sich aber unabhängig vom RoundCube Dev Team erledigen. Es bräuchte nur einen Freiwilligen, der ein entsprechendes Skin schreibt.

@Steplan123:
Siehe oben. Du kannst in den Skin Templates Files beliebiges CSS einbinden. Deswegen glaube ich, dass Du auch nicht begeistert wärest, falls CSS im CORE generiert würde.
« Last Edit: April 07, 2009, 05:13:33 AM by rosali »
Logged
Regards,
Rosali
__________________
MyRoundcube Project (commercial)

Offline lacri

  • Full Member
  • ***
  • Posts: 179
    • http://www.php-lexikon.de
CSS Error
« Reply #5 on: April 07, 2009, 05:59:39 AM »
das stimmt natürlich Rosali wenn CSS generiert wird ist es für Skin Designer wesentlich komplizierter, es sei denn die Skin config zum generieren des CSS ist fester bestandteil eines jeden Skins was es jedoch auch nicht einfacher macht für den Skiner jedoch wäre es natürlich eine Möglichkeit wie beschrieben das auf ein großes Basis CSS umzustellen nicht zuletzt auch zum vorteil der anfragen auf den server gibt halt immer vor und nachteile ;)
Logged

Offline Stephan123

  • Newbie
  • *
  • Posts: 5
Browserweiche für CSS
« Reply #6 on: April 08, 2009, 06:17:24 AM »
Hallo !

Ich bin immer noch am basteln bezüglich CSS für Firefox und IE.
Ich habe in die Template eine Browserweiche eingebaut.

Bsp.:
--------------------



---------------------

Ich habe alle CSS - Anweisungen die 'expression' für den IE sind
in die CSS - Dateien
- common_ie.css
- mail_ie.css
eingefügt.

Leider funktioniert die Sache nicht. Momentan suche ich den Fehler in
2 Richtungen.

- Ist der Pfad bei href richtig angegeben ?
- Gibt es eine Besonderheit beim IE 7 ? Dort entsteht der Fehler.

Gruß Stephan
Logged

Offline rosali

  • Hero Member
  • *****
  • Posts: 2,533
CSS Error
« Reply #7 on: April 08, 2009, 07:47:57 AM »


... vorausgesetzt die das Stylesheet liegt im "default" Ordner.
Logged
Regards,
Rosali
__________________
MyRoundcube Project (commercial)

Offline Stephan123

  • Newbie
  • *
  • Posts: 5
Skin zum testen
« Reply #8 on: April 09, 2009, 04:43:42 AM »
Hallo !

Irgendwie komme ich nicht weiter.
Im IE 7 bricht das Html mit der von mir ertellten CSS zusammen.
Um dem Problem auf die Spur zu kommen habe ich das Skin
auf meinen Account gelegt.
Der Link ist www.suppenterrine.de/skin.htm .

Ich würde mich über eine Info freuen.


Mit freundlichen Grüßen

Stephan Krauß
Logged

Offline lacri

  • Full Member
  • ***
  • Posts: 179
    • http://www.php-lexikon.de
CSS Error
« Reply #9 on: April 09, 2009, 04:51:57 AM »
liegt denke ich daran das der IE 7  nicht auf  \n\t\t\t\t\t\t\t\t\t
<' + '/div>\n\t\t\t\t\t\t\t\t\t