{"id":3349,"date":"2005-08-19T09:05:47","date_gmt":"2005-08-19T07:05:47","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=82"},"modified":"2005-08-19T09:05:47","modified_gmt":"2005-08-19T07:05:47","slug":"layout-im-ie501-und-55-nicht-zentriert","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2005\/08\/layout-im-ie501-und-55-nicht-zentriert\/","title":{"rendered":"Layout im IE5.01 und 5.5 nicht zentriert"},"content":{"rendered":"<p>Habe gerade festgestellt, dass ich, wie es scheint,wohl noch ein anderes Problem habe. Im IE5.01 und IE5.5. wird das Layout nicht zentriert dargestellt. Mal schauen, ob mir dazu eine L\u00f6sung einf\u00e4llt.<\/p>\n<p>Zun\u00e4chst einmal habe ich nach dem m\u00f6glichen Grund geforscht.<br \/>\nDer Grund, warum die beiden alten IEs nicht zentrieren ist der, dass im Stylesheet die Zentrierung \u00fcber <\/p>\n<blockquote><p>margin : 0 auto 0 auto;<\/p><\/blockquote>\n<p>herbeigef\u00fchrt w\u00fcrde.<\/p>\n<p>Hierzu self-html :<\/p>\n<blockquote><p>\n&#8222;\u00dcber margin-left:auto; margin-right:auto k\u00f6nnen Block-Elemente zentriert werden. Der Internet Explorer unterst\u00fctzt dies allerdings bis zur Version 5.x noch nicht; Sie k\u00f6nnen jedoch dessen fehlerhafte Umsetzung von  text-align zur Zentrierung von Block-Elementen ausnutzen.&#8220;<\/p><\/blockquote>\n<p>Und hier ist dann wohl der Punkt gekommen, wo ich f\u00fcr die IEs ein eigenes Stylesheet schreiben muss und dieses \u00fcber die Conditional Comments verkn\u00fcpfen.<\/p>\n<p>Hier erstmal noch ein Link \u00fcber das Funktionsprinzip und die Wirkungsweise der conditionel comments<\/p>\n<p><a href=\"http:\/\/standards.webmasterpro.de\/index-article-cc.html\">[www.standards.webmasterpro.de]<\/a><\/p>\n<p>STOP! Ein Schritt zur\u00fcck : Ich habe dem body-tag im Stylesheet ein <\/p>\n<blockquote><p>text-align:center;<\/p><\/blockquote>\n<p>hinzugef\u00fcgt und kann mir die CC vorl\u00e4ufig noch ersparen.<br \/>\nNun zentrieren die alten IEs brav und ordentlich.<\/p>\n<p>Die Folge von text-align:center ist aber  dass dieses Atribut in HTML 4.01 Strict und XHTML 1.0 Strict nicht mehr enthalten ist. Soll aber, wie in meinem Fall auf die fehlerhafte Darstellung in den alten IEs R\u00fccksicht genommen werden, <strong>muss<\/strong> auf align zur\u00fcckgegriffen und HTML 4.01 Transitional oder XHTML 1.0 Transitional deklariert werden. (<a href=\"http:\/\/www.netandmore.de\/faq\/fom-serve\/cache\/1239.html\">Quelle<\/a>)<\/p>\n<p>Zu diesem Thema <a href=\"http:\/\/www.1ngo.de\/web\/zentrierung.html\">[hier]<\/a> lesen und <a href=\"http:\/\/www.carsten-protsch.de\/zwischennetz\/doctype\/ausrichtung.html\">[hier]<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Habe gerade festgestellt, dass ich, wie es scheint,wohl noch ein anderes Problem habe. Im IE5.01 und IE5.5. wird das Layout nicht zentriert dargestellt. Mal schauen, ob mir dazu eine L\u00f6sung einf\u00e4llt.<br \/>\nZun\u00e4chst einmal habe ich nach dem m\u00f6glichen Grund geforscht.<br \/>\nDer Grund, warum die beiden alten IEs nicht zentrieren ist der, dass im Stylesheet die Zentrierung \u00fcber  &#8230; <a title=\"Layout im IE5.01 und 5.5 nicht zentriert\" class=\"read-more\" href=\"https:\/\/www.jukemedia.de\/blog\/2005\/08\/layout-im-ie501-und-55-nicht-zentriert\/\" aria-label=\"Mehr Informationen \u00fcber Layout im IE5.01 und 5.5 nicht zentriert\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113],"tags":[124],"yst_prominent_words":[],"class_list":["post-3349","post","type-post","status-publish","format-standard","hentry","category-off-topic-2","tag-loschen"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3349"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3349\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3349"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}