¿Como alinear Divs una al lado de la otra con CSS?

***Caleb*** · 22/02/2010, 23:40

Bien, la pregunta ya esta en el Titulo

Probe con "float" para las cosas que quiero que salgan a la izquierda, que en este caso es una capa para tabla, y lo que quiero en el centro, por que a la derecha, pienso colocar otra tabla

Asi que quiero que quede asi

Código:

Tabla                         Contenido                           Tabla

Asi que ¿Alguien sabe la manera de lograr eso, sin previamente tirar la PC al mismisimo Caraj*?

Y ademas, que queden alineadas ; todas a la misma altura...

n.n

Adjunto Codigo HTML y CSS hasta el momento

HTML

Código:

<html>

<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>

<body>
<div id="cabecera"></div>
[img]images/botones/liga.png[/img] 
[img]images/botones/argentinoa.png[/img]
[img]images/botones/argentinob.png[/img]
[img]images/botones/tdi.png[/img]



<div id="contenido">

<div class="tabla1">Esta tiene que quedar de este lado izquierdo</div>

<div class="resumenes">

Esta quiero que salga CENTRADA</p>



[img]images/botones/leermas.png[/img]</p>

</div>

<div id="pie"></div>
</body>

</html>

CSS

Código:

body      { background-image: url(images/bg.png)
            ; }

img       {border-style: none}

#cabecera {background-image: url(images/banner.png)
          ; width: 974px
          ; height: 117px
          ;}
          
#contenido { width: 974px
           ; font-family:Verdana
           ; font-size:10pt
           ; color:#000080
           ; margin-top: 65px
           ; }
           
.resumenes { width: 400px
           ; text-align: justified
           ; float: right}
           
.tabla     { width: 234px
           ; text-align: left
           ; float: left
           ; }
           
#pie       { background-image: url(images/pie.png)
           ; width: 974px
           ; height: 73px
           ; margin-top: 25px}

Saludos

[/code]

***Caleb*** · 25/02/2010, 01:24

Jha! No se como lo hice, pero lo logre. Quedaron alineadas y ninguna se mueve al agregar contenido a cualquier capa

Cierren Esto

P.D : Si, muchos temas al pedo abro, lo sé...