Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/03/2011, 04:49
Avatar de Kamae
Kamae
 
Fecha de Ingreso: abril-2008
Ubicación: Barcelona (Catalunya)
Mensajes: 307
Antigüedad: 16 años
Puntos: 13
Respuesta: Como poner dos tablas una al lado de la otra cuando caben y si no no

Buenas!

Igual hay otras formas de hacerlo, yo te digo la que acabo de comprobar que funciona.

Código PHP:
<div style="float:left;">
    <
table>
      <
tr><td>primera tablaaaaaaaaaa</td></tr>
      <
tr><td>de dos renglonesssssssss</td></tr>
    </
table>
</
div>
<
div style="float:left;">
    <
table>
      <
tr><td>segunda tablaaaaaaaaaa</td></tr>
      <
tr><td>esta abajoooooooooo</td></tr>
    </
table>
</
div
Coje la ventana del navegador y redimensiónala haciéndola grande y pequeña, y verás como cuando conviene, la tabla 2 pasa a abajo y cuando no, se queda arriba.

El tema de los divs yo estoy aprendiendo a usarlos. Es rebuscadillo y complicao de entender al principio pero supongo que como todo lo importante es la práctica de usarlo.
Básicamente lo que haces es poner dos capas flotantes una detrás de otra (float:left;), y como por defecto, si no me equivoco, los divs vienen definidos con posición relativa (position:relative;), se redimensionan con el tamaño de la ventana.

Comprueba que si pones "position:absolute;" las capas se mantienen estáticas independientemente del tamaño del navegador.

Código PHP:
<div style="float:left;">
    <
table>
      <
tr><td>primera tablaaaaaaaaaa</td></tr>
      <
tr><td>de dos renglonesssssssss</td></tr>
    </
table>
</
div>
<
div style="float:left; position:absolute; left:200px;">
    <
table>
      <
tr><td>segunda tablaaaaaaaaaa</td></tr>
      <
tr><td>esta abajoooooooooo</td></tr>
    </
table>
</
div
Espero que te sirva, aunque no sé si te interesa que una vez determinado si cabe al lado o no la segunda tabla, se coloque donde le toque y no se mueva... para lo cuál no se me ocurre solución.
Por contra, si es lo que te interesa, tienes más info en google buscando por DIVs ;)

Saludos!