[TYPO3-german] YAML und CSS_Styled_Content

[Philipp Schmidt]

Hallo und danke erneut für die Hinweise,

eure, Lukas und Ralf-René, Vorschläge waren beide im Prinzip gleichwertig. 
Nichts anderes macht die .floatbox Klasse ja, als overflow:hidden zu 
verwenden. Ich habe es auch ausprobiert und es funktioniert.

Allerdings muss ich sagen, dass es wahrscheinlich nur ein Workaround ist, 
der bei "normalen" Kombinationen von Textlänge und Größen von Elementen 
hilft, man aber durchaus Situationen erschaffen kann, bei denen man 
tatsächlich einen Eingriff in die css_styled_content (via CSS oder HTML) 
benötigte. Das aber muss ja nicht sein, so lange man drumherum kommt.

Dementsprechend bedanke ich mich nun bei allen Beteiligten für die 
Diskussion. Unterschiedliche Meinungen zu hören bringt immer wieder gute und 
interessante Aspekte hervor, die man sonst übersehen hätte.

Viele Grüße und weiter so,

Philipp






----- Original Message ----- 
From: "Lukas Blatter" <lukas.blatter at blattertech.ch>
To: "German TYPO3 Userlist" <typo3-german at lists.netfielders.de>
Sent: Tuesday, August 11, 2009 8:19 PM
Subject: Re: [TYPO3-german] YAML und CSS_Styled_Content


> Hallo Philipp
>
> Ich hatte das gleiche Problem vor kurzem
>
> Folgendes war bei mir die Lösung:
>
> #col3_content { padding: 10px;  overflow:hidden;}
>
> (overflow:hidden beim Content Container hinzugefügt)
>
> Und den IE Hack damit es auch im IE funktoniert:
>
> <!--[if IE]>
> <style type="text/css">
>  .clearfix {
>    zoom: 1;     /* triggers hasLayout */
>    display: block;     /* resets display for IE/Win */
>    }  /* Only IE can see inside the conditional comment
>    and read this CSS rule. Don't ever use a normal HTML
>    comment inside the CC or it will close prematurely. */
> </style>
> <![endif]-->
>
> Freundliche Grüsse
> Lukas Blatter
>
>
> -----Ursprüngliche Nachricht-----
> Von: typo3-german-bounces at lists.netfielders.de 
> [mailto:typo3-german-bounces at lists.netfielders.de] Im Auftrag von Philipp 
> Schmidt
> Gesendet: Dienstag, 11. August 2009 18:08
> An: German TYPO3 Userlist
> Betreff: Re: [TYPO3-german] YAML und CSS_Styled_Content
>
> ----- Original Message ----- 
> From: "Ralf-René Schröder" <ralf.rene at online.de>
> Newsgroups: typo3.german
> To: <typo3-german at lists.netfielders.de>
> Sent: Tuesday, August 11, 2009 12:09 AM
> Subject: Re: [TYPO3-german] YAML und CSS_Styled_Content
>
>
>>
>>
>> such mal auf der yaml seite nach dem Stichwort floatbox
>> einfach deinem col3_content diese Klasse zusätzlich zuordnen und es
>> sollte klappen (ist eigentlich nur ein overflow:hidden)
>> René
>> PS: hat natürlich mit TYPO3 ansich nichts zu tun...
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.netfielders.de
>> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>
>
>
>
> Hallo ihr alle,
>
> also, so langsam komme ich dem Problem auch in der Theorie wieder näher,
> bislang wusste ich nur, dass es existiert und hab die praktischen
> Auswirkungen gemerkt.
> Mein YAML-Layout ist ein 2-Spalten-Layout mit einer floatenden linken 
> Spalte
> samt fester Größe und einer statischen rechten Spalte, die den Rest-Platz
> einnimmt und durch die YAML-Clearing-Methode auf die Länge der Linken 
> Spalte
> gezogen wird. Und hier liegt das Problem. dadurch, dass CSS_styled_content
> bei Contentelementen Clearings für das Floating, z.B. von Bildern einsetzt
> springt der Inhalt darunter unter den der ersten Spalten, weil clear:both
> global, also über alle DIV-Verschachteltungen hinweg cleared.
> Hier sieht man das Problem:
> http://www.yaml.de/fileadmin/static_pages/global_clear.html
> An dieser Stelle danke an Rene für den Floatbox-Tip. Der brachte mich auf
> die Spur bei YAML näher nachzuschauen. Allerdings muss die Floatbox-Klasse
> nicht für die dritte Spalte, sondern für jeden Container, also jedes
> eingefügte Contentelement, herhalten, der floatende Elemente beinhaltet. 
> Da
> man ja nach jeder Kombination z.B. von einem floatenden Bild in einem Text
> wieder ohne Float weitermachen will, aber vielleicht doch mit einem 
> eigenen
> float (ja, irgendwie kompliziert :-) ), müsste in dem Fall die Floatbox 
> von
> der css_styled_content eingebaut werden.
>
> Insgesamt ist so zu sagen, dass das Problem in inkompatiblem Verhalten
> zwischen CSS_styled_content und YAML liegt, solange man versucht mit YAML
> die dritte Spalte nicht zu floaten sondern auf die gleiche länge zu 
> ziehen,
> wie die anderen.
>
> @Rainer: Danke auch für den Hinweis. Das Verhalten meiner Webseite ist
> jedoch genau so, wie es die YAML-Dokumentation beschreibt.
> http://www.yaml.de/de/dokumentation/grundlagen/funktionsweise-von-floats.html#c103
> clear:both darf nicht in der dritten Spalte benutzt werden.
> CSS_styled_content nutzt es aber automatisch. Das muss ich ihm austreiben
> und mit der .floatbox-Klasse ersetzen. Und da war die Überlegung, dass das
> bestimmt schon mal jemand gemacht hat. ;-)
>
> Danke euch allen. Sollte genau das Problem noch jemand betrachtet haben 
> wäre
> es immer noch schön zu hören wie sie/er da rangegangen ist. Ansonsten mach
> ich mich einfach selber an die Arbeit. Ich hoffe das Problem ist nun klar
> geworden. Sollte ich mich dennoch ganz groß irren: Bitte überzeugt mich, 
> das
> erspart mir Arbeit. ;-)
>
> Viele Grüße,
>
> Philipp
>
>
> P.S. Im Prinzip ist es sogar ein Problem, was die CSS_styled_content auch
> ohne YAML produziert. Nämlich genau dann, wenn man solche Layouts per Hand
> nachbaut. Vermutlich auch, wenn man andere Frameworks nutzt, die dasselbe
> leisten. Meines Wissenstands nach ist es nicht möglich gleiches Layout mit
> css_styled_content-Vorgehensweise zu erreichen. Demnach sehe ich den
> "Fehler", auch wenn man ihn eigentlich nicht so nennen kann, genau dort,
> also bei einer T3-Extension.
>
>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german