Dudon de Capas <div>

[Rodri_Ascariz]

como puedo esto ????

Código:

<div>
	texto
	<div>listado a la izquierda</div>
	<div>listado centrado</div>
	<div>listado a la derecha</div>
	texto
</div>

y que no se mete el texto entre las capas ??????
quiero que quede asi

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
1 2 3
1 2 3
1 2 3
1 2 3
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto


gracias

[quinqui]

holas Rodri
realmente no logro entender muy bien cuál es tu pregunta... por lo menos con el ejemplo de que lo quieres que quede pues no hay mucha diferencia con lo que hace el código que has dado... o tal vez es que donde "listado a la..." te estés refiriendo a columnas, como con las Tablas? si es así, sería mejor ocupar tablas... si no es eso, pues podrías explicarlo mejor? gracias.

[Rodri_Ascariz]

Oki,

tengo un div general y dentro pongo texto y tres listados en formato <ul> y lo que me gustaria es poner los tres <ul> uno centrado a la izquierda otro centrado al medio y el otro centrado a la derecha y que luego siga el texto como si nada por debajo del listado.

[Rodri_Ascariz]

Código HTML:

<table width="100%"  border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td align="right">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="left">&nbsp;</td>
  </tr>
</table> 

<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="right">&nbsp;</td>
<td align="center">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
</table>

esto es lo que quiero hacer poro con <div> y con <ul><li>

como se puede hacer ?????????'

[quinqui]

prueba esto, que me funcionó pero el problemín es que debes indicarle los altos a cada DIV, o al menos al de la DIV contenedora: siempre debe ser igual o mayor al valor del mayor alto de las capas interiores, o sea que si la capa que contiene la "Lista 2" tiene unos 200px de alto, la capa contenedora no puede tener 100px, pues harías que el texto que viene a continuación de las capas se superponga sobre ellas X_x... medio enredo ... por qué no ocupas tablas no más???? :

Código HTML:

<div>
 <p>
 mucho texto en esta parte...
 <p>
 <div layer style="position:relative; height: 100px">
  <div layer style="position: absolute; left: 0px; top: 0px; height: 100px">
   <ul>Lista 1
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
   </ul>
  </div>
  <div layer style="position: absolute; left: 100px; top: 0px; height: 100px">
   <ul> Lista 2
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
   </ul>
  </div>
  <div layer style="position: absolute; left: 200px; top: 0px; height: 100px">
   <ul>Lista 3
    <li>Item x</li>
    <li>Item y</li>
    <li>Item z</li>
   </ul>
  </div>
 </div>
 el resto de mucho texto acá...
</div>