{"id":67,"date":"2008-12-27T21:40:33","date_gmt":"2008-12-27T19:40:33","guid":{"rendered":"http:\/\/www.mediamill.de\/blog\/?p=67"},"modified":"2008-12-20T16:04:27","modified_gmt":"2008-12-20T14:04:27","slug":"bei-typo3-inhaltselementen-text-mbild-in-kombination-mit-yaml-werden-bilder-falsch-an-dem-unteren-seitenrand-platziert","status":"publish","type":"post","link":"https:\/\/www.mediamill.de\/blog\/2008\/12\/27\/bei-typo3-inhaltselementen-text-mbild-in-kombination-mit-yaml-werden-bilder-falsch-an-dem-unteren-seitenrand-platziert\/","title":{"rendered":"Bei Typo3-Inhaltselementen Text m\/Bild in Kombination mit Yaml werden Bilder falsch an dem unteren Seitenrand platziert"},"content":{"rendered":"<p>Bei der Kombination von Typo3 und dem CSS-Framework Yaml trat folgendes Problem auf:<\/p>\n<p><a href=\"http:\/\/www.mediamill.de\/blog\/wp-content\/floatbox.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-70\" title=\"Auswirkungen der Klasse Floatbox im CSS-Framework YAML\" src=\"http:\/\/www.mediamill.de\/blog\/wp-content\/floatbox-300x242.png\" alt=\"\" width=\"300\" height=\"242\" \/><\/a><br \/>\nBei dem Einf\u00fcgen von mehreren Typo3-Contentelementen vom Typ Text m\/Bild wurde das letzte Inhaltselement immer an dem Seitenende platziert (rot). Eine n\u00e4here Untersuchung ergab, dass die folgende, von Typo3 generierte HTML-Zeile die Ursache f\u00fcr dieses unerw\u00fcnschte Verhalten war:<\/p>\n<p class=\"codeblock\">&lt;div class=&#8220;csc-textpic-clear&#8220;&gt;&lt;\/div&gt;<\/p>\n<p>Im <a title=\"Yaml Forumsbeitrag \u00fcber die Klasse floatbox\" href=\"http:\/\/forum.yaml.de\/index.php?topic=6277.msg25756\" target=\"_blank\">Yaml-Forum<\/a> fand ich den entscheidenden Hinweis zur L\u00f6sung dieses Problems.\u00a0 Man muss der umgebenden Div-Box die Klasse floatbox zuweisen. Eine Erkl\u00e4rung dieser Klasse findet man in der <a title=\"Die Klasse floatbox in der Yaml Dokumentation\" href=\"http:\/\/www.yaml.de\/de\/dokumentation\/grundlagen\/funktionsweise-von-floats.html#c103\" target=\"_blank\">Yaml-Dokumentation<\/a>. Mit der Klasse floatbox werden die Text mit Bild Inhaltselemente wieder richtig platziert (gr\u00fcn).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bei der Kombination von Typo3 und dem CSS-Framework Yaml trat folgendes Problem auf: Bei dem Einf\u00fcgen von mehreren Typo3-Contentelementen vom Typ Text m\/Bild wurde das letzte Inhaltselement immer an dem Seitenende platziert (rot). Eine n\u00e4here Untersuchung ergab, dass die folgende, von Typo3 generierte HTML-Zeile die Ursache f\u00fcr dieses unerw\u00fcnschte Verhalten war: &lt;div class=&#8220;csc-textpic-clear&#8220;&gt;&lt;\/div&gt; Im Yaml-Forum [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,33,22,31],"tags":[],"class_list":["post-67","post","type-post","status-publish","format-standard","hentry","category-css","category-html","category-typo3","category-yaml"],"_links":{"self":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":7,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts\/67\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts\/67\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/media?parent=67"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/categories?post=67"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/tags?post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}