Ich habe folgende Website "entworfen"
Quelltext
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
| <html>
<head>
<style type="text/css">
.head { position:absolute; background:#FF0000; height:100px; top:0px; left:0px; right:0px; text-align: center; }
.navi { position:absolute; background:#00FF00; width:200px; left:0px; top:100px; bottom:0px; float: left; }
.line { position:absolute; background:#00FFFF; width:20px; left:200px; top:100px; bottom:0px; float: left; }
.main { position:absolute; background:#0000FF; left:220px; top:100px; right:0px; bottom:0px;}
</style>
</head>
<body>
<div class="head">head</div>
<div class="navi">navi</div>
<div class="line">line</div>
<div class="main">maindf</div>
</body>
</html> |
Im IE sieht die Site wie folgt aus:
oben links ein rotes Rechteck,
darunter ein grünes Rechteck,
direkt daneben ein cyanfarbenes Rechteck,
und direkt daneben ein blaues Rechteck.
Ich wollte aber, dass das rote und das blaue Rechteck bis zum rechten Rand gehen und, dass das grüne, cyanfarbene und das blaue Rechteck bis zum unteren Rand, aber wenigstens auf gleiche Höhe gehen.
Falls ihr Vorschläge habt, wie ich das
ohne Frames realisieren kann, währe ich sehr dankbar dafür. Wenn ihr auf die Idee kommt, dass ich das mit einer Scriptsprache erleiden soll (PHP,JavaScript,CGI), dann bitte auch einen Link zu einem Tutorial, wo alle Grundlagen für die Lösung drinstehen.
