Foros del Web » Creando para Internet » CSS »

disposicion de colummas

Estas en el tema de disposicion de colummas en el foro de CSS en Foros del Web. hola tengo una web a tres columnas: izquierda y derecha tienen 200px + padding, margen.... y el centro 500px uso php para crear los divs, ...
  #1 (permalink)  
Antiguo 08/09/2008, 21:21
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 17 años, 5 meses
Puntos: 12
disposicion de colummas

hola
tengo una web a tres columnas: izquierda y derecha tienen 200px + padding, margen.... y el centro 500px
uso php para crear los divs, y quiero que al hacer que desaparesca la colummna derecha, el centro se extienda, pero no logro hacerlo

si le pongo al centro width: 100%, se pasa hacia abajo
  #2 (permalink)  
Antiguo 08/09/2008, 22:04
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 15 años, 9 meses
Puntos: 21
Respuesta: disposicion de colummas

Hola jalex16 si quieres que te ayudemos entonces muestranos el codigo, que usas en el css? con esos pocos datos solo se pueden hacer suposiciones que no se si te van a ayudar.

Saludos y espero que coloques el codigo...
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
  #3 (permalink)  
Antiguo 08/09/2008, 22:08
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 17 años, 5 meses
Puntos: 12
Respuesta: disposicion de colummas

el css es
Código:
#ivip-leftcolumn, #ivip-rightcolumn { 
 float: left;
 color: #666666;
 width: 200px;
 background-color: #181818;
 padding: 10px;
}
#ivip-centercolumn { 
 float: left;
 border: #339900;
 background-color: #080808;
}
con eso muestro 3 columnas.
quiero que al desaparecer #ivip-rightcolumn, entonces #ivip-centercolumn se exanda. pero lo que logro al tratarde hacerlo, es que rightcolumn se mueva hacia abajo
  #4 (permalink)  
Antiguo 09/09/2008, 02:58
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: disposicion de colummas

Pruébalo así:

Cita:
#ivip-leftcolumn, #ivip-rightcolumn {
color: #666666;
width: 200px;
background-color: #181818;
padding: 10px;
}
#ivip-leftcolumn {float: left;}
#ivip-rightcolumn {float: right;}

#ivip-centercolumn {
border: #339900;
background-color: #080808;
}
Y ahora en el html haz que aparezca primero la columna derecha, luego la izquierda y luego la central.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 09/09/2008, 08:29
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 17 años, 5 meses
Puntos: 12
Respuesta: disposicion de colummas

wow
funcionó. muchas gracias
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 03:18.