Positionierung mit CSS: Ersetzen von verschachtelten Tabellen - #25604 (HTML, CSS und Javascript)

Ronnie

2004-02-04 12:17

User since
2003-08-14
2022 Artikel
BenutzerIn
[default_avatar]

Habe es mittlerweile aufgegeben, in der ursprünglichen Form. Werde jetzt eine einfach verschachtelte Variante nutzen:

Code: (dl )

<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title></title>
<meta name="author" content="Ronnie">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
<!--
h1 { font-size:24pt;
     color:P
     border-bottom:solid thin black; }

.red       { position: relative; left: 16px; background-color:#FFBBBB; }
.yellow    { position: relative; left: 16px; background-color:#FFFFDD; }
.blue      { position: relative; left: 16px; background-color:#BBBBFF; }

-->
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<h1>Nested DIVs</h1>
<div class="red">
    Franz jagt im total verwahrlosten Taxi quer durch Bayern.
    <div class="yellow">
    Franz jagt im total verwahrlosten Taxi quer durch Bayern.
        <div class="blue">
        Franz jagt im total verwahrlosten Taxi quer durch Bayern.
        </div>
    </div>
</div>
</body>
</html>

Da wo jetzt noch der Blindtext ist kommen dann die jeweiligen Tabellen rein. Die <div>-Tags werden mit den Template-Loops ergänzt.

Gruss,
Ronnie