Wed, 2008-08-27 21:12
Hello,
I am trying to achieve the following :
Column A Sidebar 1 Sidebar 2
Fluid Fixed 180 px Fixed 180 px
So here is what I have done from a code point of view :
#container /* the container contains the free float */ { margin-bottom: 5px; } #columna { float:left; margin-left: 10px; margin-right: 400px; } #sidebar1 { float: right; width: 180px; /* sidebar content width */ } #sidebar2 { float: right; width: 185px; /* sidebar content width */ }
The issue is that sidebar 1 and sidebar 2 are always displayed under column A instead of being next to it
I have made some researches on the forum but I cannot find a similar design, usually, it is the center container that is "liquid".
Thu, 2008-08-28 16:10
#1
you must set Columna's
you must set Columna's width
#columna
{
float:left;
margin-left: 10px;
margin-right: 400px;
width: px;
}