nicht angemeldet
hallo,
hier erst mal mein code:
layer.css:
.top { position:absolute; width:900px; height:50px; border:1px solid black }
.left { position:absolute; width:50px; height:700px; margin-top:50px; border:1px solid black }
.inline { position:absolute; width:780px; height:680px; margin-top:60px; margin-left:60px; border:1px solid black; }
.right { position:absolute; width:50px; height:700px; margin-top:50px; margin-left:850px; border:1px solid black }
.bottom { position:absolute; width:900px; height:50px; margin-top:750px; border:1px solid black }
index.htm:
<div class="top"></div>
<div class="left"></div>
<div class="inline"></div>
<div class="right"></div>
<div class="bottom"></div>
so nun mein problem:
ich muss es irgendwie schaffen die boxen ohne position:absolute zu realisieren. weil ich ansonsten später probleme bekomme. hab es mit float:left und float:right probiert, funktioniert wunderbar wenn ich 2 boxen nebeneinander haben will, aber hier sind es 3 boxen die nebeneinander sein sollen. gibt es eine möglichkeit auf position:absolute zu verzichten?
hier zu veranschaulichung: http://www.torsten-homepage.de/test/
gruß
torsten