Entonces..
mas bien les pregunto, cual es la forma correcta de trabajar en CSS lo siguiente:
un campo llamese
<div>
</div>
y dentro de este campo poder hacer columnas (4 por ejemplo), asi?
<div id=maincontent>
<!-- Columna A -->
<div class="content-ColA">
Columna A
</div>
<!-- Fin Columna A-->
<!-- Columna B -->
<div class="content-ColB">
Columna B
</div>
<!-- Fin Columna B-->
<!-- Columna C -->
<div class="content-ColC">
Columna C
</div>
<!-- Fin Columna C-->
<!-- Columna D -->
<div class="content-ColD">
Columna D
</div>
<!-- Fin Columna D-->
</div>
y el detalle de las columnas en el CSS seria asi:
#maincontent {
background-color:#FFFFFF;
width:1024px;
text-align: left;
}
.content-ColA {
width: 346px;
float: left;
padding: 5px;
}
.content-ColB {
width: 284px;
float: left;
padding: 5px;
background:url(../images/segmento_columna.gif) repeat-y right;
}
.content-ColC {
width: 190px;
float: left;
padding: 5px;
}
.content-ColD {
width: 160px;
float: left;
padding: 5px;
}