nicht angemeldet
Hi,
Werden so erzielte Fortschritte wieder aufgegeben wegen optischer Belange? Oder sind solche Tabellen einfach pragmatisch und ok?)
Letztlich stellt sich ja die Frage nach dem kleineren Übel. Ich hänge hier mal einen 2-Spalten-Hack dran, der sich im Gegensatz zu Background-Image-Varianten sogar skalieren lässt. Ob das aber wirklich sauberer ist, ist disskussionswürdig.
Natuerlich ist es nicht bei jedem Entwurf _unbedingt_ erforderlich, dass sich Spalten aneinander ausrichten, aber als Designer kann man genausowenig immer mit der "Schere im Kopf" arbeiten.
Ok, zusammengehackt, laeuft auf IE6, FF, Opera 8.4:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<style type="text/css">
.main {
min-height:100%;
border-left: 10em solid #e9e9e9;
border-right: 10em solid #e9e9e9;
width:1em;
}
.main .left {
width:9em;
margin:0.5em 0.5em 0.5em -9.5em;
float:left;
}
.main .right {
width:9em;
margin:0.5em 0.5em 0.5em 1.5em;
float:left;
}
</style>
<!--[if lte IE 6]>
<style>
.main {
height:100%;
overflow:hidden;
}
.left {
position:relative;
left: 0;
margin:0.5em 0.5em 0.5em 0.5em;
}
.main div.right {
position:relative;
left: 1em;
margin:0.5em 0.5em 0.5em 0.5em;
}
</style>
<![endif]-->
</head>
<body>
<div class="main">
<div class="left">
Test<br>
test<br>
<p>Der Tester testet alles was er testen kann</p>
</div>
<div class="right">
Alles<br>
Gute<br>
<p>Hier steht ganz anderer Text Hier steht ganz anderer Text Hier steht ganz anderer Text Hier steht ganz anderer Text </p>
</div><br style="clear:left">
</div>
</body>
</html>
Gruesse, Joachim
Am Ende wird alles gut.