nicht angemeldet
Okay, hier meine Lösung. Ich habe deinen Code ein wenig umgeschrieben, du kannst ihn aber leicht wieder anpassen. Damit das funktioniert was du vorhast, musst du den linken und den rechten div-Container mit float:left; bzw. float:right; formatieren - und dann daran denken, im umgebenden div-Container zuerst den links-Container, dann den rechts-Container und dann erst den Mittelcontainer einzufügen.
Ich habe die Seitencontainer mal grau gemacht, um das Ganze farblich hervorzuheben.
-------------------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<style type="text/css" rel="stylesheet" media="screen">
div.mittig{
border:2px solid #FF0000;
background-color:#ffc;
width:50%;
margin:10px 25%;
}
div#div_message_left{
float:left;
height:100%;
width:60px;
background-color:gray;
}
div#div_message_middle{
height:100%;
width:auto;
}
div#div_message_right{
float:right;
height:100%;
width:60px;
background-color:gray;
}
</style>
</head>
<body>
<div style="width:100%">
<div class="mittig">
<div id="div_message_left">1. Spalte (links)</div>
<div id="div_message_right">3. Spalte (rechts)</div>
<div id="div_message_middle">2. Spalte (mitte)</div>
</div>
</div>
</body>
</html>
-------------------------------------------------------------------