﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://schneegans.de/dtd/xhtml1-strict.dtd"[]><html lang="de" xml:lang="de" xsi:schemaLocation="http://www.w3.org/1999/xhtml http://www.w3.org/2002/08/xhtml/xhtml1-strict.xsd" xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><head><meta name="ROBOTS" content="NOINDEX, NOFOLLOW" /><title>CSS-Layouts</title><link href="http://schneegans.de/xp/?url=http%3A%2F%2Fschneegans.de%2Fstyle%2F&amp;ct=application%2Fxml" rel="Stylesheet" type="text/css" /><style xml:space="preserve" type="text/css">
img {
	border: 1px solid black;
}
</style></head><body><table id="DankeThilo" style="border-collapse: collapse; margin: 20px auto; background-color: #EEE; border: 5px #EEA000 solid; padding: 10px;"><tr style="border: none;"><td rowspan="1" colspan="1" style="border:none; text-align: center; padding: 20px; font-size: 6em; font-weight: bold; color: #EEA000;">Danke, Thilo!</td></tr><tr style="border: none;"><td rowspan="1" colspan="1" style="border:none; text-align: right; padding: 3px;"><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.steinhoefel.de%2Fblog%2F2010%2F09%2Fweitermachen-thilo.html&amp;ct=application%2Fxml" style="text-decoration: none;" class="Offsite">...</a></td></tr></table><div class="Header"> <h1>CSS-Layouts</h1> <p class="Breadcrumb">» <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fschneegans.de%2F&amp;ct=application%2Fxml">schneegans.de</a> » <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fschneegans.de%2Fweb%2F&amp;ct=application%2Fxml">Web</a> » <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fschneegans.de%2Fweb%2Fhorrorkabinett%2F&amp;ct=application%2Fxml">WWW-Horrorkabinett</a> » CSS-Layouts</p> </div><div class="Content"> <p class="Summary">CSS ist konzeptionell nicht fürs Layout geeignet. Tabellen funktionieren in vielen Situationen <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.flownet.com%2Fron%2Fcss-rant.html&amp;ct=application%2Fxml" class="Offsite">besser</a>.</p> <p>In vernünftigen Browsern kann der Benutzer die Schriftgröße selber bestimmen und sich damit über die häufig winzigen Vorgaben des Autors hinwegsetzen. Viele CSS-Designs gehen dadurch aber völlig kaputt.</p> <h2>Zen Garden</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.csszengarden.com%2F&amp;ct=application%2Fxml" class="Offsite">http://www.csszengarden.com/</a></p> <p><img alt="" height="463" src="http://schneegans.de/web/horrorkabinett/css-layouts/csszengarden-2009-05-07.png" width="575" /></p> <h2>Kopf an</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.kopf-an.de%2F&amp;ct=application%2Fxml" class="Offsite">http://www.kopf-an.de/</a></p> <p><img alt="" height="284" src="http://schneegans.de/web/horrorkabinett/css-layouts/kopf-an-2009-04-25.png" width="892" /></p> <h2>Zeit</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.zeit.de%2Findex&amp;ct=application%2Fxml" class="Offsite">http://www.zeit.de/index</a></p> <p><img alt="" height="484" src="http://schneegans.de/web/horrorkabinett/css-layouts/zeit-2009-04-25.png" width="473" /></p> <h2>SnagIt</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.snagit.de%2Fsnagit.asp&amp;ct=application%2Fxml" class="Offsite">http://www.snagit.de/snagit.asp</a></p> <p><img alt="" height="382" src="http://schneegans.de/web/horrorkabinett/css-layouts/snagit-2009-04-26.png" width="752" /></p> <h2>Stern</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.stern.de%2F&amp;ct=application%2Fxml" class="Offsite">http://www.stern.de/</a></p> <p><img alt="" height="75" src="http://schneegans.de/web/horrorkabinett/css-layouts/stern-2009-04-27.png" width="834" /></p> <h2>Yahoo!</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fde.yahoo.com%2F%3Fp%3Dus&amp;ct=application%2Fxml" class="Offsite">http://de.yahoo.com/?p=us</a></p> <p><img alt="" height="195" src="http://schneegans.de/web/horrorkabinett/css-layouts/yahoo-2009-04-27.png" width="427" /></p> <h2>n-tv</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.n-tv.de%2F&amp;ct=application%2Fxml" class="Offsite">http://www.n-tv.de/</a></p> <p><img alt="" height="487" src="http://schneegans.de/web/horrorkabinett/css-layouts/ntv-2009-04-29.png" width="140" /></p> <h2>FAZ</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.faz.net%2Fs%2Fhomepage.html&amp;ct=application%2Fxml" class="Offsite">http://www.faz.net/s/homepage.html</a></p> <p><img alt="" height="515" src="http://schneegans.de/web/horrorkabinett/css-layouts/faz-2009-04-29.png" width="323" /></p> <h2>Spiegel</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.spiegel.de%2Fsport%2Ffussball%2F0%2C1518%2C255412%2C00.html&amp;ct=application%2Fxml" class="Offsite">http://www.spiegel.de/sport/fussball/0,1518,255412,00.html</a></p> <p> <img alt="" height="513" src="http://schneegans.de/web/horrorkabinett/css-layouts/spiegel-tabelle-2009-05-10.png" width="432" /></p> <p>Besteht etwa auch mit Tabellen die Gefahr, daß Inhalte (in diesem Fall die letzte Spalte) unlesbar werden? Natürlich nicht. Verantwortlich ist ausschließlich das CSS-Layout, das für ein übergeordnetes <code>div</code>-Element <code>width: 420px;</code> setzt.</p> <h2>IMDb</h2> <p> <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.imdb.com%2Ftitle%2Ftt0830515%2Ffaq&amp;ct=application%2Fxml" class="Offsite">http://www.imdb.com/title/tt0830515/faq</a></p> <p> <img alt="" height="119" src="http://schneegans.de/web/horrorkabinett/css-layouts/imdb-2009-05-14.png" width="651" /></p> <h2>LoveFilm</h2> <p> <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.lovefilm.de%2Fwelcome%2Fhome.html&amp;ct=application%2Fxml" class="Offsite">http://www.lovefilm.de/welcome/home.html</a></p> <p> <img alt="" height="30" src="http://schneegans.de/web/horrorkabinett/css-layouts/lovefilm-2009-05-14.png" width="389" /></p> <h2>Elster</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=https%3A%2F%2Fwww.elster.de%2F&amp;ct=application%2Fxml" class="Offsite">https://www.elster.de/</a></p> <p><img alt="" height="328" src="http://schneegans.de/web/horrorkabinett/css-layouts/elster-2009-07-21.PNG" width="664" /></p> <h2>W3C</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.w3.org%2FQA%2F&amp;ct=application%2Fxml" class="Offsite">http://www.w3.org/QA/</a></p> <p><img alt="" height="150" src="http://schneegans.de/web/horrorkabinett/css-layouts/w3c-qa-2009-08-11.png" width="518" /></p> <h2>Wikipedia</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fde.wikipedia.org%2Fwiki%2FZinne&amp;ct=application%2Fxml" class="Offsite">http://de.wikipedia.org/wiki/Zinne</a></p> <p><img alt="" height="259" src="http://schneegans.de/web/horrorkabinett/css-layouts/wikipedia-2009-08-11.png" width="329" /></p> <h2>Heise</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fwww.heise.de%2Fnewsticker%2Fmeldung%2F143145&amp;ct=application%2Fxml" class="Offsite">http://www.heise.de/newsticker/meldung/143145</a></p> <p><img alt="" height="332" src="http://schneegans.de/web/horrorkabinett/css-layouts/heise-2009-08-11.png" width="656" /></p> <h2>Verbraucher sicher online!</h2> <p><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fverbraucher-sicher-online.de%2F&amp;ct=application%2Fxml" class="Offsite">http://verbraucher-sicher-online.de/</a></p> <p><img alt="" height="345" src="http://schneegans.de/web/horrorkabinett/css-layouts/verbraucher-sicher-online-2009-08-26.png" width="214" /></p> </div><div class="Footer"> <em>URL:</em> http://schneegans.de/web/horrorkabinett/css-layouts/<br /><a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fschneegans.de%2Fsv%2F%3Furl%3Dhttp%3A%2F%2Fschneegans.de%2Fweb%2Fhorrorkabinett%2Fcss-layouts%2F&amp;ct=application%2Fxml" hreflang="en" class="Offsite">XHTML überprüfen</a> · <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fjigsaw.w3.org%2Fcss-validator%2Fvalidator%3Furi%3Dhttp%3A%2F%2Fschneegans.de%2Fweb%2Fhorrorkabinett%2Fcss-layouts%2F&amp;ct=application%2Fxml" class="Offsite">CSS überprüfen</a> · <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fschneegans.de%2Fxp%2F%3Furl%3Dhttp%3A%2F%2Fschneegans.de%2Fweb%2Fhorrorkabinett%2Fcss-layouts%2F&amp;ct=application%2Fxml" class="Offsite">Als <code>application/xml</code> laden</a><address><em>Autor:</em> <a shape="rect" href="http://schneegans.de/xp/?url=http%3A%2F%2Fschneegans.de%2Fchristoph%2F&amp;ct=application%2Fxml">Christoph Schneegans</a> (<a shape="rect" href="mailto:Christoph%20Schneegans%20%3CChristoph@Schneegans.de%3E">Christoph@Schneegans.de</a>)</address> </div></body></html><!-- XHTML Proxy has successfully processed this page. -->