{"id":57,"date":"2008-10-08T11:53:51","date_gmt":"2008-10-08T09:53:51","guid":{"rendered":"http:\/\/dev.flauschig.ch\/wordpress\/?p=57"},"modified":"2009-08-21T08:59:00","modified_gmt":"2009-08-21T06:59:00","slug":"floats-und-nachfolgende-elemente","status":"publish","type":"post","link":"http:\/\/dev.flauschig.ch\/wordpress\/?p=57","title":{"rendered":"Floats und nachfolgende Elemente"},"content":{"rendered":"<p>Elemente mit <code>style=\"float:right;\"<\/code> oder <code>style=\"float:left;\"<\/code> zu positionieren kann gef\u00e4hrlich sein.<br \/>\nDas Problem ist, dass ein Element nach dem float versucht, sich daneben \/ dazwischen zu positionieren.<br \/>\nUm zu unterbinden dass ein Element sich neben einem Floating-Element positioniert muss man diesem <code>style=\"clear: both;\"<\/code> zuweisen.<!--more--><\/p>\n<p>Hier ein Beispiel:<\/p>\n<p>Hier wird das mittlere Element zwischen die beiden Floats gequetscht (falls genug Platz)<\/p>\n<pre class=\"brush: xml; gutter: false; title: ; toolbar: false; wrap-lines: false; notranslate\" title=\"\">\r\n&lt;div style=&quot;float:left;&quot;&gt;Mein linkes Element&lt;\/div&gt;\r\n&lt;div style=&quot;float:right;&quot;&gt;Mein rechtes Element&lt;\/div&gt;\r\n&lt;div&gt;Mein mittleres Element&lt;\/div&gt;\r\n<\/pre>\n<p>Hier wird das mittlere Element in jedem Fall unter den beiden Floats positioniert.<\/p>\n<pre class=\"brush: xml; gutter: false; title: ; toolbar: false; wrap-lines: false; notranslate\" title=\"\">\r\n&lt;div style=&quot;float:left;&quot;&gt;Mein linkes Element&lt;\/div&gt;\r\n&lt;div style=&quot;float:right;&quot;&gt;Mein rechtes Element&lt;\/div&gt;\r\n&lt;div style=&quot;clear: both;&quot;&gt;Mein mittleres Element&lt;\/div&gt;\r\n<\/pre>\n<p>Hier k\u00f6nnt ihr es im Browser anschauen:<br \/>\n<a href='http:\/\/dev.flauschig.ch\/wordpress\/wp-content\/uploads\/2008\/10\/test.html'>Float Test<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elemente mit style=&#8221;float:right;&#8221; oder style=&#8221;float:left;&#8221; zu positionieren kann gef\u00e4hrlich sein. Das Problem ist, dass ein Element nach dem float versucht, sich daneben \/ dazwischen zu positionieren. Um zu unterbinden dass ein Element sich neben einem Floating-Element positioniert muss man diesem style=&#8221;clear: both;&#8221; zuweisen.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[13,3],"tags":[47,48,49],"class_list":{"0":"entry","1":"post","2":"publish","3":"author-roemer","4":"has-more-link","5":"post-57","7":"format-standard","8":"category-html-css","9":"category-programming","10":"post_tag-float","11":"post_tag-html","12":"post_tag-style"},"acf":[],"views":1902,"_links":{"self":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/57"}],"collection":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":0,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/57\/revisions"}],"wp:attachment":[{"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dev.flauschig.ch\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}