Un espacio blanco, luego de posicionar los divs

Spike_ak · #1 (**permalink**) 19/07/2009, 21:27

El tema es que tengo 3 divs:

Código:

      
<div id="Columna1"
      style="position: relative;
      		left: 10px; 
      		top: 10px; 
      			background:#0174DF; 
                        width: 250px;
                        height: 500px">
      Colocar aquí el contenido para  id "Columna1"</div>

Asi con 3, en forma de columnas, adentro de una tabla, una al lado de la otra.

Cuando las cree, las hice una abajo de la otra, y despues use la propiedad "position" y las posicione una al lado de la otra.
El problema es que me quedaron una al lado de la otra, pero abajo, donde solian estar, quedo algo (nose que es) que ocupa espacio y no me deja achicar la tabla.

¿Como lo soluciono?

ArturoGallegos · #2 (**permalink**) 19/07/2009, 22:17

para posicionar los DIV se usa el float style="float:left" no el position y si puedes mostrar código completo y un layout de como debe quedar te podríamos ayudar mas

Spike_ak · #3 (**permalink**) 19/07/2009, 22:56

Eso quiero hacer, todas adentro de una tabla.

iovan · #4 (**permalink**) 19/07/2009, 23:34

CSS

Código HTML:

<style>
#columnaprincipal {
position:relative;
width:100%;
height:auto;
}
#columnassecundarias {
float:left;
width:100px;
height:auto;
margin:2em 2em 2em 2em;
padding:2em 2em 2em 2em;
}
</style>

Columnas

Código HTML:

<div id="columnaprincipal">

<div id="columnassecundarias">
Mi columna 1
</div>

<div id="columnassecundarias">
Mi columna dos
</div>

</div>

ahi lo tienes, saludos!

Spike_ak · #5 (**permalink**) 19/07/2009, 23:53

estoy usando DREAMWEAVER CS3. ¿Porq al ir a DISEÑO no me aparece no en columnas, sino como filas? En el explorador me aparecen bien.

iovan · #6 (**permalink**) 19/07/2009, 23:56

No sabria decirte amigo, a mi me aparece bien y uso dreamweaver CS3

Has colocado tu codigo correctamente

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#columnaprincipal {
position:relative;
width:100%;
height:auto;
}
#columnassecundarias {
float:left;
width:100px;
height:auto;
margin:2em 2em 2em 2em;
padding:2em 2em 2em 2em;
}
</style>
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<div id="columnaprincipal">

<div id="columnassecundarias">
Mi columna 1
</div>

<div id="columnassecundarias">
Mi columna dos
</div>

</div>
</body>
</html>

Spike_ak · #7 (**permalink**) 20/07/2009, 00:13

ahhhhhhh yo pense que el Style se podia poner en el body que iba a andar igual que en el head.
GRACIAS!!!!