Foros del Web » Creando para Internet » CSS »

Div crece solo!!!

Estas en el tema de Div crece solo!!! en el foro de CSS en Foros del Web. Dejo este post desesperado en provar y buscar sin resultados. Toy mejorando esta web que ya estaba echa, el codigo hay un poco de lio, ...
  #1 (permalink)  
Antiguo 29/10/2010, 15:05
 
Fecha de Ingreso: mayo-2010
Ubicación: Mollerussa, Lleida
Mensajes: 69
Antigüedad: 7 años, 7 meses
Puntos: 2
Exclamación Div crece solo!!!

Dejo este post desesperado en provar y buscar sin resultados.

Toy mejorando esta web que ya estaba echa, el codigo hay un poco de lio, pero su arreglo esta en curso.

WorldMaster Aqui la web

el problema esta en el div contenedor que a mesura que navegas por la web, se hace mas grande y deforma la forma centrada de la pàgina.

Solo pasa con google chrome con los demas exploradores no pasa.


Espero que alguien este mas iluminado que yo.

Muchas gracias a todos.
  #2 (permalink)  
Antiguo 29/10/2010, 18:59
Avatar de lair  
Fecha de Ingreso: enero-2009
Ubicación: header('Location: Morelia");
Mensajes: 1.047
Antigüedad: 8 años, 11 meses
Puntos: 46
Respuesta: Div crece solo!!!

Hola.

prueba colocando abajo de tu div apDiv1 otro div con las siguiente siguiente propiedad

Código HTML:
Ver original
  1. <div id="apDiv1">
  2. ... aqui todo tu contenido....
  3. </div>
  4. <div class='clear'></div>

y esto definido en la clase clear css
Código CSS:
Ver original
  1. .clear{
  2.     clear:both;
  3. }

Suerte.
  #3 (permalink)  
Antiguo 11/11/2010, 09:49
 
Fecha de Ingreso: mayo-2010
Ubicación: Mollerussa, Lleida
Mensajes: 69
Antigüedad: 7 años, 7 meses
Puntos: 2
Respuesta: Div crece solo!!!

Gracias por todo pero no me fucniona


PD: perdon por contestar tan tarde!!
  #4 (permalink)  
Antiguo 12/11/2010, 03:31
 
Fecha de Ingreso: diciembre-2009
Mensajes: 53
Antigüedad: 8 años
Puntos: 4
Respuesta: Div crece solo!!!

Puedes probar a ponerle al div id="contenedor" los siguientes estilos:

Código CSS:
Ver original
  1. background:none repeat scroll 0 0 #ECE9E9;
  2. border-color:-moz-use-text-color #E55C0A #E55C0A;
  3. border-right:1px solid #E55C0A;
  4. border-style:none solid solid;
  5. border-width:0 1px 1px;
  6. font-size:10px;
  7. margin:0 auto;
  8. overflow:hidden;
  9. padding:0;
  10. top:21px;
  11. width:762px;
  12. z-index:1;

Simplemente he quitado el position: absolute; y el left: 251px; que tenías puesto, y he modificado el margin y he añadido la propiedad width. Así conseguimos centrar el contenido dentro de la pantalla del navegador.

Ahora la barra de navegación nos queda desplazada porque le tienes puesto un position absolute. Basta con editar el estilo del div id="Sidebar" y ponerle lo siguiente:

Código CSS:
Ver original
  1. height:33px;
  2. left:1px;
  3. position:relative;
  4. width:762px;
  5. z-index:2;

Simplemente he cambiado el position: absolute; por un position: relative; y le he quitado el top:151px;

De esta forma creo que te funcionaría.

Pruébalo y nos cuentas ;)

Etiquetas: Ninguno
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 19:39.