+ Responder Tema
Resultados 1 al 3 de 3

Tema: Problemas con DIVs y float

  1. #1
    Recien Llegado! Pasaba por aquí... d1m1 Está en el buen camino
    Fecha de Ingreso
    12 oct, 09
    Mensajes
    1
    Poder de Reputación
    0

    Problemas con DIVs y float

    Buenas noches a todos, soy nuevo por acá, y me pareció interesante lo del foro, así vengo a ver si aprendo un poco más.

    Mi problema es que, actualmente tengo una tabla y en una de las celdas, necesito tener varios DIVs, más o menos de la siguiente forma:
    Código:
    <td>div "global"
    izquierdo    central     derecho
                 arriba      arriba
                 central     derecho
                 abajo       abajo
    /div "global"</td>
    (el global es porque me interesa que los que están adentro salgan centrados, pero uno de los problemas es que esto no ocurre) así que lo que hice fue, encerrar cada uno de los DIVs individuales (los del centro y derecha) y hacerlos flotar para que salieran cada uno al lado que les corresponde. Necesito que el contenido de cada uno de estos DIVs salga lo más cerca posible el uno del otro, pero al mismo nivel.

    El código con el que estoy probando es el siguiente (sí, yo sé que no se recomienda usar CSS inline, pero es sólo una prueba):
    Código:
    <div style="padding: 0; margin: 0 auto; width: 299px; text-align: center; border: #000000 1px solid;">
    	global
    	<div style="float: left; border: #ff0000 1px solid; width: 15px;">
    		izquierdo
    	</div>
    	<div style="float: left; border: #00ff00 1px solid; width: 50px;">
    		<div>
    			centro arriba
    		</div>
    		<div>
    			centro abajo
    		</div>
    	</div>
    	<div style="float: left; border: #0000ff 1px solid; width: 30px;">
    		<div>
    			derecho arriba
    		</div>
    		<div>
    			derecho abajo
    		</div>
    	</div>
    </div>
    (no le presten mucha atención a los valores del width; simplemente pensé que con eso los podía hacer alinear como quería, pero no me sirvió).
    Agradecería mucho cualquier ayuda al respecto.

  2. #2
    Me va gustando esto... Habitante Ax3l Está en el buen camino
    Fecha de Ingreso
    02 jun, 07
    Mensajes
    251
    Poder de Reputación
    9
    Hola.

    <div style="padding: 0; margin: 0 auto; width: 600px; text-align: center; border: #000000 1px solid;">

    <div style="float: left; border: #ff0000 1px solid; width: 160px;">
    izquierdo
    </div>
    <div style="float: left; border: #00ff00 1px solid; width: 300px;">
    <div>
    centro arriba
    </div>
    <div>
    centro abajo
    </div>
    </div>
    <div style="float: right; border: #0000ff 1px solid; width: 137px;">
    <div>
    derecho arriba
    </div>
    <div>
    derecho abajo
    </div>
    </div>
    </div>

    Eso es lo que quieres?

    Y te recomiendo que hasta en tus pruebas uses la hoja de estilo css
    muchas veces nos quita de muchos apuros.

    Salu2

  3. #3
    Me va gustando esto... Habitante Ax3l Está en el buen camino
    Fecha de Ingreso
    02 jun, 07
    Mensajes
    251
    Poder de Reputación
    9
    Si el lado derecho aún no cuadra dale menor medida
    en vez de 137 le pones 134 creo que eso bastara.

    Salu2

+ Responder Tema

Temas Similares

  1. PROBLEMAS CON LOS DIVS
    Por bybmyl en el foro Webs con Capas o DIVS
    Respuestas: 15
    Último Mensaje: 17/12/2008, 01:16
  2. Problemas con 3 divs
    Por dooplanillo en el foro Webs con Capas o DIVS
    Respuestas: 2
    Último Mensaje: 06/04/2007, 17:52

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes