I am not exactly sure if this is what you are looking for either, but I think it is close as I am keeping the side bars at a fixed width.
- Set
float: right
for the right side bar.
- Set
width: auto
for the center panel.
- Set whichever
overflow[
^] behavior you want for the center.
- I would also set
width: 100%
for the container div, but I guess it is not really necessary.
<body>
<form id="masterPage" runat="server">
<div id="container">
<div>
<asp:contentplaceholder id="title" runat="server" xmlns:asp="#unknown">
</asp:contentplaceholder>
</div>
<div style="background-color: #FFD700; width: 100px; float: left;">
<asp:contentplaceholder id="menu" runat="server" xmlns:asp="#unknown">
</asp:contentplaceholder>
</div>
<div style="width: auto; float: left;">
<asp:contentplaceholder id="content" runat="server" xmlns:asp="#unknown">
</asp:contentplaceholder>
</div>
<div style="width: 100px; float: right;">
<asp:contentplaceholder id="related" runat="server" xmlns:asp="#unknown">
</asp:contentplaceholder>
</div>
<div id="footer" style="clear: both; text-align: center;">
<small>Copyright © Vilmos - 2014</small>
</div>
</div>
</form>
</body>
Soren Madsen