[TYPO3-german] YAML und CSS_Styled_Content

[Lukas Blatter]

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