Axel Richter: Was versteht man unter liquid design?

Beitrag lesen

Hallo,

Denn nur Tabellen ermöglichen eine variable Spaltenbreite.

Du meinst eine sich an den Inhalt anpassende Spaltenbreite?

Eine variable, sich der View-Port-Breite anpassende Spaltenbreite bekommt man auch ohne Tabelle hin:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dreispaltig</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
h1 {font-size:2em; text-align:center; border:1px solid black; min-width:400px;}
#dreiSp {position:relative; min-width:400px;}
#lSp, #mSp, #rSp {position:absolute; top:0; width:32%; border:1px solid black;}
#lSp {left:0;}
#mSp {left:50%; margin-left:-16%;}
#rSp {right:0;}
p {padding:.5em; margin:0;}
-->
</style>
</head>
<body>
<h1>Überschrift</h1>
<div id="dreiSp">
 <div id="lSp">
   <p>Das ist irgendein Text, der sich in der linken Spalte des Zeitungslayouts befinden soll. Das ist irgendein Text, der sich in der linken Spalte des Zeitungslayouts befinden soll.</p>
   <p>Das ist irgendein Text, der sich in der linken Spalte des Zeitungslayouts befinden soll. Das ist irgendein Text, der sich in der linken Spalte des Zeitungslayouts befinden soll.</p>
 </div>
 <div id="mSp">
 <p><img src="b01.gif" width="32" height="32" border="0" alt="bild" style="float:right;">Das ist irgendein Text, der sich in der mittleren Spalte des Zeitungslayouts befinden soll. Das ist irgendein Text, der sich in der mittleren Spalte des Zeitungslayouts befinden soll. Auch andere Elemente können hier stehen.</p>
 </div>
 <div id="rSp">
 <p>Das ist irgendein Text, der sich in der rechten Spalte des Zeitungslayouts befinden soll. Das ist irgendein Text, der sich in der rechten Spalte des Zeitungslayouts befinden soll.</p>
 </div>
</div>
</body>
</html>

viele Grüße

Axel