{"id":4649,"date":"2013-04-02T14:08:28","date_gmt":"2013-04-02T14:08:28","guid":{"rendered":"http:\/\/www.joachimott.de\/journal\/?p=4649"},"modified":"2013-04-03T14:17:57","modified_gmt":"2013-04-03T14:17:57","slug":"dreispaltige-darstellungen-mit-css3","status":"publish","type":"post","link":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/","title":{"rendered":"Dreispaltige Darstellungen mit CSS3"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/130402_spalten_css.jpg\" alt=\"CSS3 und Mehrspaltigkeit\" title=\"CSS3 und Mehrspaltigkeit\" width=\"404\" height=\"296\" class=\"alignnone size-full wp-image-4651 bildschatten\" \/><\/p>\n<p>Auch wenn Internetdarstellungen ihre ganz eigenen Regeln haben, so wird doch immer wieder versucht, typische Print-Darstellungen nachzubilden. Vorzugsweise Mehrspaltigkeit und das konturengenaue Umflie\u00dfen von Text um Grafiken besch\u00e4ftigen viele Webdesigner. <\/p>\n<p>Inwieweit das Sinn macht, solche Darstellungen f\u00fcr den Bildschirm zu \u00fcbernehmen, ist ja eine andere Frage. M\u00f6glich, aber ziemlich knifflig war bisher schon die Textdarstellung in mehreren Spalten. Mit der hier gezeigten CSS-L\u00f6sung erscheint mir das dagegen recht einfach: <a href='http:\/\/www.webdesignerdepot.com\/2013\/03\/how-to-use-css3-columns\/'>How to use CSS3 columns | Webdesigner Depot<\/a>.<\/p>\n<p>Praktisch: Die Kompabilit\u00e4ts-Tabelle f\u00fcr die verschiedenen Browser ist im Artikel eingebettet, so wie auch Code und Beispielansichten. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Auch wenn Internetdarstellungen ihre ganz eigenen Regeln haben, so wird doch immer wieder versucht, typische Print-Darstellungen nachzubilden. Vorzugsweise Mehrspaltigkeit und das konturengenaue Umflie\u00dfen von Text um Grafiken besch\u00e4ftigen viele Webdesigner. Inwieweit das Sinn macht, solche Darstellungen f\u00fcr den Bildschirm zu \u00fcbernehmen, ist ja eine andere Frage. M\u00f6glich, aber ziemlich knifflig war bisher schon die Textdarstellung [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[4,10,13],"tags":[1316,1314,1317,522,1315,44,82],"class_list":["post-4649","post","type-post","status-publish","format-standard","hentry","category-design","category-internet","category-medien","tag-browser","tag-css3","tag-kompabilitat","tag-layout","tag-mehrspaltige-texte","tag-print","tag-webdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dreispaltige Darstellungen mit CSS3 - joachimott journal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dreispaltige Darstellungen mit CSS3 - joachimott journal\" \/>\n<meta property=\"og:description\" content=\"Auch wenn Internetdarstellungen ihre ganz eigenen Regeln haben, so wird doch immer wieder versucht, typische Print-Darstellungen nachzubilden. Vorzugsweise Mehrspaltigkeit und das konturengenaue Umflie\u00dfen von Text um Grafiken besch\u00e4ftigen viele Webdesigner. Inwieweit das Sinn macht, solche Darstellungen f\u00fcr den Bildschirm zu \u00fcbernehmen, ist ja eine andere Frage. M\u00f6glich, aber ziemlich knifflig war bisher schon die Textdarstellung [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"joachimott journal\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joachimott.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-04-02T14:08:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-04-03T14:17:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/130402_spalten_css.jpg\" \/>\n<meta name=\"author\" content=\"Joachim Ott\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@joachimott\" \/>\n<meta name=\"twitter:site\" content=\"@joachimott\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joachim Ott\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/\"},\"author\":{\"name\":\"Joachim Ott\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\"},\"headline\":\"Dreispaltige Darstellungen mit CSS3\",\"datePublished\":\"2013-04-02T14:08:28+00:00\",\"dateModified\":\"2013-04-03T14:17:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/\"},\"wordCount\":104,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/130402_spalten_css.jpg\",\"keywords\":[\"Browser\",\"css3\",\"Kompabilit\u00e4t\",\"Layout\",\"mehrspaltige Texte\",\"Print\",\"Webdesign\"],\"articleSection\":[\"Design\",\"Internet\",\"Medien\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/\",\"name\":\"Dreispaltige Darstellungen mit CSS3 - joachimott journal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/130402_spalten_css.jpg\",\"datePublished\":\"2013-04-02T14:08:28+00:00\",\"dateModified\":\"2013-04-03T14:17:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/130402_spalten_css.jpg\",\"contentUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/130402_spalten_css.jpg\",\"width\":\"404\",\"height\":\"296\",\"caption\":\"CSS3 und Mehrspaltigkeit\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2013\\\/04\\\/02\\\/dreispaltige-darstellungen-mit-css3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dreispaltige Darstellungen mit CSS3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\",\"name\":\"joachimott journal\",\"description\":\"Weblog von Joachim Ott\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\",\"name\":\"Joachim Ott\",\"sameAs\":[\"http:\\\/\\\/www.joachimott.de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dreispaltige Darstellungen mit CSS3 - joachimott journal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/","og_locale":"de_DE","og_type":"article","og_title":"Dreispaltige Darstellungen mit CSS3 - joachimott journal","og_description":"Auch wenn Internetdarstellungen ihre ganz eigenen Regeln haben, so wird doch immer wieder versucht, typische Print-Darstellungen nachzubilden. Vorzugsweise Mehrspaltigkeit und das konturengenaue Umflie\u00dfen von Text um Grafiken besch\u00e4ftigen viele Webdesigner. Inwieweit das Sinn macht, solche Darstellungen f\u00fcr den Bildschirm zu \u00fcbernehmen, ist ja eine andere Frage. M\u00f6glich, aber ziemlich knifflig war bisher schon die Textdarstellung [&hellip;]","og_url":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/","og_site_name":"joachimott journal","article_publisher":"https:\/\/www.facebook.com\/joachimott.de\/","article_published_time":"2013-04-02T14:08:28+00:00","article_modified_time":"2013-04-03T14:17:57+00:00","og_image":[{"url":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/130402_spalten_css.jpg","type":"","width":"","height":""}],"author":"Joachim Ott","twitter_card":"summary_large_image","twitter_creator":"@joachimott","twitter_site":"@joachimott","twitter_misc":{"Verfasst von":"Joachim Ott","Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#article","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/"},"author":{"name":"Joachim Ott","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5"},"headline":"Dreispaltige Darstellungen mit CSS3","datePublished":"2013-04-02T14:08:28+00:00","dateModified":"2013-04-03T14:17:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/"},"wordCount":104,"commentCount":0,"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/130402_spalten_css.jpg","keywords":["Browser","css3","Kompabilit\u00e4t","Layout","mehrspaltige Texte","Print","Webdesign"],"articleSection":["Design","Internet","Medien"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/","url":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/","name":"Dreispaltige Darstellungen mit CSS3 - joachimott journal","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#primaryimage"},"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/130402_spalten_css.jpg","datePublished":"2013-04-02T14:08:28+00:00","dateModified":"2013-04-03T14:17:57+00:00","author":{"@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5"},"breadcrumb":{"@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#primaryimage","url":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/130402_spalten_css.jpg","contentUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/130402_spalten_css.jpg","width":"404","height":"296","caption":"CSS3 und Mehrspaltigkeit"},{"@type":"BreadcrumbList","@id":"https:\/\/www.joachimott.de\/journal\/2013\/04\/02\/dreispaltige-darstellungen-mit-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.joachimott.de\/journal\/"},{"@type":"ListItem","position":2,"name":"Dreispaltige Darstellungen mit CSS3"}]},{"@type":"WebSite","@id":"https:\/\/www.joachimott.de\/journal\/#website","url":"https:\/\/www.joachimott.de\/journal\/","name":"joachimott journal","description":"Weblog von Joachim Ott","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.joachimott.de\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5","name":"Joachim Ott","sameAs":["http:\/\/www.joachimott.de"]}]}},"_links":{"self":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/4649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/comments?post=4649"}],"version-history":[{"count":2,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/4649\/revisions"}],"predecessor-version":[{"id":4652,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/4649\/revisions\/4652"}],"wp:attachment":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/media?parent=4649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/categories?post=4649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/tags?post=4649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}