Kalle_B: Variable Anzahl an Spalten (2 bzw. 3)

Beitrag lesen

Hallo,

getestet mit FF 1.5 und IE 5:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>2 ODER 3 SPALTEN</title>

<style type="text/css">
.links {
 width:       25%;
 float:       left;
 border:      1px solid #f00;
}
.rechts {
 width:       25%;
 float:       right;
 border:      1px solid #0f0;
}
.mitte {
 border:      1px solid #00f;
}
</style>
</head>

<body>
<div class=links>
  Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
</div>

<div class=rechts>
  Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts Rechts
  Rechts<br>
  Rechts<br>
  Rechts<br>
</div>

<div class=mitte>
  Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte
  Mitte<br>
  Mitte<br>
</div>

<p style='clear:both'>&nbsp;</p>

<div class=links>
  Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links Links
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
  Links<br>
</div>

<div class=mitte>
  Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte Mitte
  Mitte<br>
  Mitte<br>
</div>

</body>
</html>