Re: [TYPO3-german] Grafiken mit IE
Hi,
Schonschon, das ist mir schon klar. Aber woher kommt das CSS?
TYPO3 liefert auch CSS mit, besonders bei Bildern. Wie dieses
eingebunden wird, legt das TypoScript der css-styled-content (SysExt)
fest. Im menüpunkt Tymplate kannst du dies mal checken, wenn du dan auf
der Root-Seite das TS-Einbindungen checkst, und zwar via die
Template-Analyse. Dort entstehen alle jene CSS-Anweisungen, die mit csc-
beginnen (siehe Quellcode).
Wenn dieser Rendering-Prozess ausgeschaltet werden soll, dann müssen all
diese Anweisungen via TS neu gesetzt werden. Ich selbst habe mir dazu
ein csc-reset.ts zurechtgelegt, das ich bei Bedarf einbinde.
Auf der YAML-Homepage werden bspw. Spalten erwähnt. Das aber ist doch
genau das, was mir Typo3 bereits liefert (in Form der Platzhalter im
HTML-Template.) Warum sollte ich denn in diesem Framework nochmal
Spalten definieren, wenn ich diese ("Links/Normal/Rechts/Rand" bzw.
innerhalb der Bereiche Inhaltselement multicolumn) in Typo3 bereits
habe?
Kann es sein, dass du jetzt das Backend von TYPO3 und dessen Spalten mit
YAML gleichsetzt? Falls ja, dann bitte sich von diesem Gedanken ganz
schnell wieder verabschieden.
Das wäre nur so, wenn du selbst TypoScript schreibst, dass genauso die
Inhalte zuweist.
3. eine CSS-Datei für die Formatierung
4. TypoScript zum zusammenbinden der Punkte 1-3
Das ist der Knackpunkt für mich: Wer kümmert sich dann um das Layout,
Typo3 oder das Framework?
Das Layout wird von dir bestimmt. Mein Arbeitsablauf:
- Templateerstellung mit HTML und CSS (ganz ohne TYPO3)
- Dann Marker hinzufügen
- Dann mit TypoScript das ganz in TYPO3 einbinden
Wenn man mehrere vordefinierte CSS-Bereich brauchst, die man gerne
flexibel einsetzen möchte, dann definiert man sog. "sections"
Wenn Typo3: Wozu brauche ich dann noch ein Framework?
>
> Wenn Framework: Warum unterscheide ich dann in Typo3 nach
> Links/Normal/usw., und wie adressiere ich die einzelnen
> Framework-Spalten?
Verschiedene Frameworks für verschiedene Aufgaben: TYPO3 als
Datensammler, -ordner und -zuweiser, YAML als "Layoutierer".
Mit TYPO3 (und jedem anderem CMS) ordnet man Inhalte einem Bereich zu,
sagt diesem Bereich auch, ob es mit einem div gewrappt werden soll, und
ob dieses div eine id oder eine class hat. Aber TYPO3 sagt nicht, dass
dieses fragliche div 200px breit ist und einen roten Rahmen haben soll.
Das muss man selbst im CSS definieren.
Die TYPO3-backend-Spalten haben nichts mit dem Layout zu tun. Vielleicht
war es ursprünglich mal so gedacht dabei zu helfen, weil viele Seiten 3-
oder auch 4-spaltig gelöst wurden. mittlerweile hat sich das geändert
und TYPO3 bringt nun auch die backend columns Lösung mit, womit du die
Inhaltsaufteilung im Backend wieder soweit einrichten kannst, dass sie
strukturell ungefähr mit der Aufteilung im FE übereinstimmt. Damit wird
aber KEIN CSS oder sonstwas definiert. Wie gesagt: Das passiert im
Template, das man zuvor, ganz unabhängig von TYPO3 erstellt hat.
Keine Ahnung ob das jetzt irgendwie hilfreich war. Falls nicht melde
dich doch wieder!
Grüße,
Robert
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Grafiken mit IE
> Wie sind die beiden - Typo3 und Framework - dann > überhaupt verbunden? "Weiß" Typo3 etwas von dem Framework, oder greift > es sich nur weiterhin irgendwelche statischen CSS-Dateien, genau wie > jetzt? TYPO3 erzeugt dir dein HTML (OK, durch diverse Extensions wird dir auch schon ein CSS mitgeliefert, aber das ist letztlich nur das oberflächliche design ... vielleich jetzt ein wenig unglücklich bezeichnet) Um ein stabiles, browserübergreifendes Layout zu erzeugen mußt du jedoch deine eigenen Browserfixes (und natürlich dein Grundlayout) mit CSS einrichten... die angegebenen Frameworks helfen dabei nicht alles immer wieder machen zu müssen weil sie Fehler zu einem hohen Anteil schon auskorrigieren... dies geht natürlich nur mit einer entsprechenden Konvention die in unflexibleren IDs und Klassen mündet (dies ist aber IMHO das kleinere Problem Dein CSS erstellst du selber wenn du ein Framework nutzt musst du dich mit der namensgebung halt nur an der verwendeten basis orientieren (und natürlich auch dem Framwork das passende HTML liefern) TYPO3 weiß im Zusammenspiel mit dem Framework nur das was du ihm über TypoScript mitteilst z.B. wenn du TYPO3 für deine Spalten das YAML konforme HTML ausgeben lässt ... ... ... dann kannst du (ohne dich um Browserbugs zu kümmern) mit ff. http://www.yaml.de/docs/index.html#accessibletabscontent2-0 die Spaltenanordnungen beliebig steuern. wichtig ist da (wie bei jedem anderen CSS Framework) die Einhaltung von Benamungen... Aber es passiert da nichts was du nicht auch händisch machen könntest (halt nur mit mehr Aufwand) natürlich erzeugt jedes Framework, genauso wie meine YAML TYPO3 Einbindung, immer ein gewisses Overhead an Code für nicht genutze Eigenschaften, aber für den größten Teil der Aufgaben ist das IMHO das kleinere Übel... -- image[FORMAT] - Ralf-René Schröder http://image-format.eu ... Wir geben Ihrem Image das richtige Format http://if-20.com ... YAML templates for TYPO3 ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Grafiken mit IE
Hallo Renzo,
> Der Vorteil von TYPO3 ist lediglich, dass die Erfassung von Inhalten
> unabhängig von HTML und CSS geschieht. Die erfassten Inhalte werden
> von TYPO3 in einer Datenbank gespeichert [...]
Schonschon, das ist mir schon klar. Aber woher kommt das CSS? Bisher
habe ich das selbst geschrieben, was auch (bis auf kleine Ausnahmen)
fehlerfrei funktioniert hat. Nun wäre die Änderung, daß dieses CSS
offenbar von einem Framework bereitgestellt werden kann. Und ich
verstehe momentan noch nicht, wie das zusammenwirken sollte.
Auf der YAML-Homepage werden bspw. Spalten erwähnt. Das aber ist doch
genau das, was mir Typo3 bereits liefert (in Form der Platzhalter im
HTML-Template.) Warum sollte ich denn in diesem Framework nochmal
Spalten definieren, wenn ich diese ("Links/Normal/Rechts/Rand" bzw.
innerhalb der Bereiche Inhaltselement multicolumn) in Typo3 bereits
habe?
> 3. eine CSS-Datei für die Formatierung
> 4. TypoScript zum zusammenbinden der Punkte 1-3
Das ist der Knackpunkt für mich: Wer kümmert sich dann um das Layout,
Typo3 oder das Framework?
Wenn Typo3: Wozu brauche ich dann noch ein Framework?
Wenn Framework: Warum unterscheide ich dann in Typo3 nach
Links/Normal/usw., und wie adressiere ich die einzelnen
Framework-Spalten?
> Dort wird unter anderem auf HTML-Templates, das einbinden von
> CSS-Dateien, das Erstellen von TypoScript und das Einbinden von
> Extensions eingegangen.
Ja, das ist mir alles schon weitgehend klar. Aber nirgendwo in diesem
Prozess war von einem externen Framework die Rede.
--
Mit freundlichem Gruß
Alto Speckhardt
mailto:a...@treadstone79.de___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Grafiken mit IE
Hallo Alto es ist wie immer im Web, HTML bildet das semantische Gerüst (d.h. die Struktur) und CSS ist für die Formatierung verantwortlich. TYPO3 macht da nichts, was man nicht auch von Hand machen könnte. Der Vorteil von TYPO3 ist lediglich, dass die Erfassung von Inhalten unabhängig von HTML und CSS geschieht. Die erfassten Inhalte werden von TYPO3 in einer Datenbank gespeichert und auf Anfrage als HTML-CSS-Kombination (und noch etwas Javascript) an den anfragenden Browser ausgeliefert. Um das ganze etwas eleganter handhabbar zu machen, verwendet TYPO3 folgende Elemente: 1. die Datenbank mit den rohen Inhalten 2. ein HTML-Template als Grundgerüst für die Seiten 3. eine CSS-Datei für die Formatierung 4. TypoScript zum zusammenbinden der Punkte 1-3 Zu erklären, wie genau die einzelnen Teile zusammen spielen führt hier etwas zu weit. Deshalb nur soviel: Du kannst eine HTML-Datei bauen, darin auf eine CSS-Datei verweisen und das ganze mal unabhängig von TYPO3 testen. Werden die Formate so dargestellt wie Du es möchtest, dann bist Du schon einen grossen Schritt weiter, denn diese Kombination kannst Du z.B. mit Hilfe der Extension automaketemplate in TYPO3 einbinden. Damit Du verstehst wie das geht, solltest Du aber etwas über Marker wissen und wie TYPO3 dieses verarbeitet. Ich empfehle Dir deshalb das Tutorial von Mittwald (siehe www.mittwald.de). Die haben eine Anleitung erstellt, mit deren Hilfe auch ein blutiger Anfänger schnell und direkt hinter die Kulissen von TYPO3 zu schauen lernt um seine erste eigene Website mit TYPO3 zu bauen. Dort wird unter anderem auf HTML-Templates, das einbinden von CSS-Dateien, das Erstellen von TypoScript und das Einbinden von Extensions eingegangen. Nimm Dir einen oder zwei Tage Zeit, dann weisst Du alles, was Du wissen musst, um erfolgreich TYPO3-Websiten zu bauen. Liebe Grüsse Renzo _ Renzo Bauen +41 79 330 10 11 conPassione gmbh Am Mittwoch, den 12.09.2012, 11:10 +0200 schrieb Alto Speckhardt: > Hallo Christian, > > > ... in mir wächst das ungute Gefühl, als hätte ich ein größeres > Problem als ein paar Spaltenformate: > > > > Das ist jetzt nicht Dein Ernst, oder? CSS gehört zum Template und das > > obliegt allein Dir. Diese CSS-Frameworks setzen gewisse > > Rahmenbedingungen und beinhalten darauf abgestimmte CSS-Anweisungen, die > > die Browser-Bugs berücksichtigen. In dieser Umgebung kann man sich dann > > bewegen, ohne sich darum groß kümmern zu müssen. > > Mein voller Ernst, tut mir leid! ;-) > > Ich hatte bisher keine Ahnung, daß ich zusätzlich zu Typo3 noch > irgendetwas anderes bräuchte, sofern nicht bestimmte Erweiterungen > eigene Voraussetzungen hätten. > > CSS habe ich bisher nur dazu verwendet, um einzelne Format-Optionen > (z.B. Schriftarten, Absatzformate usw.) oder Positionen zu setzen, und > das jeweils mit Messer und Gabel, also von Hand. > > Und mir fehlt ehrlich jedes Verständnis, wie das mit Typo3 > zusammenspielen soll: Ist das eine Art Bibliothek, auf deren > vorgefertigte CSS ich zugreifen kann? Eine Art von "es hat sich > bewährt, alle tags mit dem und dem Format auszugeben" Regeln? > > > > Schau mal hier: > > > www.yaml.de > > 960.gs > > gumbyframework.com > > > Und es gibt noch Tonnen mehr davon. Für manche gibt es vorgefertigte > > Einbindungen für TYPO3. > > Ich lese mich ein, danke. Aber momentan ist mir das wirklich noch > völlig nebulös. Wie sind die beiden - Typo3 und Framework - dann > überhaupt verbunden? "Weiß" Typo3 etwas von dem Framework, oder greift > es sich nur weiterhin irgendwelche statischen CSS-Dateien, genau wie > jetzt? > > > ___ > TYPO3-german mailing list > TYPO3-german@lists.typo3.org > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Grafiken mit IE
Hallo Christian, ... in mir wächst das ungute Gefühl, als hätte ich ein größeres Problem als ein paar Spaltenformate: > Das ist jetzt nicht Dein Ernst, oder? CSS gehört zum Template und das > obliegt allein Dir. Diese CSS-Frameworks setzen gewisse > Rahmenbedingungen und beinhalten darauf abgestimmte CSS-Anweisungen, die > die Browser-Bugs berücksichtigen. In dieser Umgebung kann man sich dann > bewegen, ohne sich darum groß kümmern zu müssen. Mein voller Ernst, tut mir leid! ;-) Ich hatte bisher keine Ahnung, daß ich zusätzlich zu Typo3 noch irgendetwas anderes bräuchte, sofern nicht bestimmte Erweiterungen eigene Voraussetzungen hätten. CSS habe ich bisher nur dazu verwendet, um einzelne Format-Optionen (z.B. Schriftarten, Absatzformate usw.) oder Positionen zu setzen, und das jeweils mit Messer und Gabel, also von Hand. Und mir fehlt ehrlich jedes Verständnis, wie das mit Typo3 zusammenspielen soll: Ist das eine Art Bibliothek, auf deren vorgefertigte CSS ich zugreifen kann? Eine Art von "es hat sich bewährt, alle tags mit dem und dem Format auszugeben" Regeln? > Schau mal hier: > www.yaml.de > 960.gs > gumbyframework.com > Und es gibt noch Tonnen mehr davon. Für manche gibt es vorgefertigte > Einbindungen für TYPO3. Ich lese mich ein, danke. Aber momentan ist mir das wirklich noch völlig nebulös. Wie sind die beiden - Typo3 und Framework - dann überhaupt verbunden? "Weiß" Typo3 etwas von dem Framework, oder greift es sich nur weiterhin irgendwelche statischen CSS-Dateien, genau wie jetzt? -- Mit freundlichem Gruß Alto Speckhardt mailto:a...@treadstone79.de___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Grafiken mit IE
Am 12.09.2012 09:42, schrieb Alto Speckhardt: Was ist denn das Ziel des Patches? Den Spalten jedes Padding abzugewöhnen? Laut den IE "Entwicklertools" steht das bei mir schon (jeweils) auf 0. Ältere IE und teilweise auch Opera haben die unschöne Angewohnheit, Spalten mit float-Eigenschaft umzubrechen, wenn diese die komplette Breite des Elternelements ausnutzen. Das Problem mit dem Bild ist ein Bug im IE, allerdings nur in den älteren, soviel ich weiss. Nunja, mit IE 8 taucht das Problem hier jedenfalls auf. Da wird sich wohl das float: right mit der Positionierung beißen. Probier statt dessen mal "margin" mit "auto". Aber da nimmst Du am besten ein CSS-Framework wie YAML, Boilerplate oder so, die haben dafür bereits die richtigen Bugfixes drin. Das verstehe ich auch nicht ganz. Ich dachte immer, Typo3 hätte alles drin, was ich brauche? Gibt es irgendwo eine Einführung zu diesem Thema? Das ist jetzt nicht Dein Ernst, oder? CSS gehört zum Template und das obliegt allein Dir. Diese CSS-Frameworks setzen gewisse Rahmenbedingungen und beinhalten darauf abgestimmte CSS-Anweisungen, die die Browser-Bugs berücksichtigen. In dieser Umgebung kann man sich dann bewegen, ohne sich darum groß kümmern zu müssen. Schau mal hier: www.yaml.de 960.gs gumbyframework.com Und es gibt noch Tonnen mehr davon. Für manche gibt es vorgefertigte Einbindungen für TYPO3. Gruß Christian ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Grafiken mit IE
Hallo Renzo,
> das Problem mit der Multicolumn-Extension habe ich so gelöst:
> /* Zusätzliche Auszeichnung, damit die Container der
>mulitcolumn-Extension nebeneinander Platz haben!*/
>
> li.column {
> margin:0 -1px 0 0;
> }
> .column .columnItems {padding: 0 3px 0 3px;}
> .column.columnFirst .columnItems {padding: 0 6px 0 0;}
> .column.columnLast .columnItems {padding: 0 0 0 6px;}
> .columnItem {margin-bottom: 10px;}
> .columnItem.listItemLast {margin-bottom: 0px;}
> .multicolumnContainer .csc-textpic-imagewrap
> figure.csc-textpic-image.csc-textpic-last {margin-bottom: 0px;}
Das klappt bei mir leider nicht. Ich sehe keine Änderung.
Vielleicht habe ich aber falsch abgeschrieben: In der Zeile sind
manchmal Leerzeichen, wo ich sie nicht erwarten würde. In der ersten
Zeile bspw. werden die zwei Elemente .column und .columnItems
definiert, nicht etwa das eine Element .column.columnItems, stimmt's?
Was ist denn das Ziel des Patches? Den Spalten jedes Padding
abzugewöhnen? Laut den IE "Entwicklertools" steht das bei mir schon
(jeweils) auf 0.
> Das Problem mit dem Bild ist ein Bug im IE, allerdings nur in den
> älteren, soviel ich weiss.
Nunja, mit IE 8 taucht das Problem hier jedenfalls auf.
> Aber da nimmst Du am besten ein CSS-Framework wie YAML, Boilerplate oder
> so, die haben dafür bereits die richtigen Bugfixes drin.
Das verstehe ich auch nicht ganz. Ich dachte immer, Typo3 hätte alles
drin, was ich brauche? Gibt es irgendwo eine Einführung zu diesem
Thema?
--
Mit freundlichem Gruß
Alto Speckhardt
mailto:a...@treadstone79.de___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Grafiken mit IE
Hi Alto
das Problem mit der Multicolumn-Extension habe ich so gelöst:
/* Zusätzliche Auszeichnung, damit die Container der
mulitcolumn-Extension nebeneinander Platz haben!*/
li.column {
margin:0 -1px 0 0;
}
.column .columnItems {padding: 0 3px 0 3px;}
.column.columnFirst .columnItems {padding: 0 6px 0 0;}
.column.columnLast .columnItems {padding: 0 0 0 6px;}
.columnItem {margin-bottom: 10px;}
.columnItem.listItemLast {margin-bottom: 0px;}
.multicolumnContainer .csc-textpic-imagewrap
figure.csc-textpic-image.csc-textpic-last {margin-bottom: 0px;}
Dann funktioniert das auch mit IE.
Das Problem mit dem Bild ist ein Bug im IE, allerdings nur in den
älteren, soviel ich weiss.
Aber da nimmst Du am besten ein CSS-Framework wie YAML, Boilerplate oder
so, die haben dafür bereits die richtigen Bugfixes drin. Was Du genau
machen musst, weiss ich nicht, da ich immer auf ein solches Framework
zurückgreife.
Gruss Renzo
--
_
Renzo Bauen
+41 79 330 10 11
conPassione gmbh
On Die, 2012-09-11 at 21:40 +0200, Alto Speckhardt wrote:
> Guten Abend,
>
> ich habe auf meinen Typo3-Seiten ein Problem:
>
> Beispiel: http://www.kiss-bellenberg.de
>
> Betrachtet man bspw. gleich die erste Seite mit Firefox oder Opera, so
> ist das Logo (das bunte KiSS) im rechten Bereich schön zentriert.
> Verwendet man Internet Explorer, so erscheint es rechtsbündig.
>
> Offenbar bringt IE mit Grafiken irgendetwas durcheinander; das setzt
> sich auch auf den anderen Seiten fort. Damit zusammen hängt auch IMHO
> ein zweites Problem, nämlich daß bei dreispaltiger Darstellung
> (mithilfe von "multicolumn" v2.1.13) mit Firefox/Opera alle drei
> Spalten wie gewünscht nebeneinander stehen, IE aber die dritte Spalte
> leer lässt und unten anfügt.
>
> Hat dazu vielleicht jemand eine Idee? Ich bin wirklich am Ende meiner
> Weisheit.
>
> Gruß,
> Alto Speckhardt
> 1150621B60447BD57--
>
> ___
> TYPO3-german mailing list
> TYPO3-german@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
