Foros del Web » Creando para Internet » CSS »

Un espacio blanco, luego de posicionar los divs

Estas en el tema de Un espacio blanco, luego de posicionar los divs en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/07/2009, 22:27
Avatar de Spike_ak  
Fecha de Ingreso: marzo-2005
Ubicación: Argentina
Mensajes: 442
Antigüedad: 12 años, 8 meses
Puntos: 0
Un espacio blanco, luego de posicionar los divs

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?
__________________
*****************************************
la Ignorancia es la fuerza

Última edición por Spike_ak; 20/07/2009 a las 00:32
  #2 (permalink)  
Antiguo 19/07/2009, 23:17
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Un espacio blanco, luego de posicionar los divs

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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Última edición por ArturoGallegos; 19/07/2009 a las 23:23
  #3 (permalink)  
Antiguo 19/07/2009, 23:56
Avatar de Spike_ak  
Fecha de Ingreso: marzo-2005
Ubicación: Argentina
Mensajes: 442
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: Un espacio blanco, luego de posicionar los divs



Eso quiero hacer, todas adentro de una tabla.

Última edición por Spike_ak; 20/07/2009 a las 00:07
  #4 (permalink)  
Antiguo 20/07/2009, 00:34
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 10 años, 2 meses
Puntos: 188
Respuesta: Un espacio blanco, luego de posicionar los divs

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!
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #5 (permalink)  
Antiguo 20/07/2009, 00:53
Avatar de Spike_ak  
Fecha de Ingreso: marzo-2005
Ubicación: Argentina
Mensajes: 442
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: Un espacio blanco, luego de posicionar los divs

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.
__________________
*****************************************
la Ignorancia es la fuerza
  #6 (permalink)  
Antiguo 20/07/2009, 00:56
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 10 años, 2 meses
Puntos: 188
Respuesta: Un espacio blanco, luego de posicionar los divs

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> 
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #7 (permalink)  
Antiguo 20/07/2009, 01:13
Avatar de Spike_ak  
Fecha de Ingreso: marzo-2005
Ubicación: Argentina
Mensajes: 442
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: Un espacio blanco, luego de posicionar los divs

ahhhhhhh yo pense que el Style se podia poner en el body que iba a andar igual que en el head.
GRACIAS!!!!
__________________
*****************************************
la Ignorancia es la fuerza
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:21.