Zitat Zitat von dennis_meckel
|* links * mitte * rechts *|

'*' soll immer gleich groß sein (egal bei welcher auflösung), der rest ist festgelegt (per CSS - immer zentriert etc.)
Dann so:

HTML-Code:
<html>
<body>

<div class="main">
    <div class="links">
   Test Test Test Test Test
    </div>
    <div class="mitte">
    blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb    blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb blubb
    </div>
    <div class="rechts">
    Test Test Test Test Test
    </div>
</div>

</body>
</html>
Und das CSS dazu:
Code:
.main {
width:100%;
height:100%;
margin-left:20px;
margin-right:20px;
}

.links {
float:left;
}

.mitte {
margin: 30px;
width: 69%;
float:left;
}

.rechts {}
Main wird auf die volle bildschirmbreite gesetzt und bekommt einen rand, das wären also bei dir die äußeren beiden '*'. Die mitte bekommt auch einen rand, der dann die andern beiden '*' darstellt. Diese ränder sind dann bei jeder auflösung gleich groß, bei mir hier sinds 20 bzw. 30 px. Wichtig ist immer das float:left; da sich die nachfolgenden elemente dann links neben dem vorhergehenden element anordnen. Auch wichtig ist die prozentuale breite der mitte, die hier auf 69% steht, aber auch beliebige verändert werden kann.

Wenn das jetzt nicht klappt, dann weiß ich auch nicht was du willst...