Foros del Web » Creando para Internet » CSS »

Evitar superponer divs

Estas en el tema de Evitar superponer divs en el foro de CSS en Foros del Web. Muy buenas a todos. tengo dos 2 problemas :/, espero que me puedan ayudar ( ya que intente de mil maneras ). ¿Cómo hago para ...
  #1 (permalink)  
Antiguo 20/09/2010, 17:33
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 8 años, 5 meses
Puntos: 5
De acuerdo Evitar superponer divs

Muy buenas a todos.
tengo dos 2 problemas :/, espero que me puedan ayudar ( ya que intente de mil maneras ).
¿Cómo hago para que al momento poner contenido que sea "mas grande" que la div, esta misma no se superponga sobre la que esta al lado? (esta div flota a la izquierda, la otra a la derecha).
Y este es mi otro problema :
¿ Cómo hago para que mi div (izquierda) se auto-agrande segun la necesidad y no llegue más del limite con la div derecha ?.( Y no se superponga *volviendo a la pregnta 1*).

Espero que me sepan entender, mi idea es insertar codigo php y que las divs se muevan por si solas sin provocar problemas ...

Aca esta el codigo .css:

#nuevostutos {
float: left;
background-color: #FFFFFF;
border: 1px solid #000000;
right: auto;
height: auto;
width: auto;
}
#top5descargas {
float: right;
background-color: #FFFFFF;
border: 1px solid #000000;
width: 350px;
height: auto;
}

¿ Qué tendria que modificar ?.

Saludos cordiales.

Última edición por VbOkonly; 20/09/2010 a las 17:42
  #2 (permalink)  
Antiguo 21/09/2010, 09:01
 
Fecha de Ingreso: julio-2007
Ubicación: Bolivia, Cochabamba
Mensajes: 104
Antigüedad: 10 años, 4 meses
Puntos: 5
Respuesta: Evitar superponer divs

Cita:
¿Cómo hago para que al momento poner contenido que sea "mas grande" que la div, esta misma no se superponga sobre la que esta al lado?
Con: overflow:hidden;
Pero para usar esto tienes que usar tamaños fijos.
ej:
Código CSS:
Ver original
  1. #nuevostutos {
  2. float: left;
  3. background-color: #FFFFFF;
  4. border: 1px solid #000000;
  5. right: auto;
  6. height: auto;
  7. [B]width: 700px;
  8. overflow:hidden;[/B]
  9. }

así todo lo que sea mas de 700px se ocultaria, no estoy seguro si funcionaria con el width: auto; , lo dudo.. aunque tambien puedes usar

Código CSS:
Ver original
  1. Overflow:vertical /* u horizontal */

para que te muestre una barra desplasadora!

Saludos.
__________________
Jorge A. Inturias C.
Tutoriales | Recursos | Ejemplos | www.disenopaginasweb.com
  #3 (permalink)  
Antiguo 21/09/2010, 13:20
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 8 años, 5 meses
Puntos: 5
Respuesta: Evitar superponer divs

Muchas gracias, ahora lo modificaré y lo retocaré :).

Etiquetas: superponer
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 15:13.