Div crece solo!!!

[kyre22]

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.

[lair]

Hola.

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

Código HTML:

<div id="apDiv1">
... aqui todo tu contenido....
</div>
<div class='clear'></div>
 

y esto definido en la clase clear css

Código CSS:

.clear{
    clear:both;
}
 

Suerte.

[kyre22]

Gracias por todo pero no me fucniona


PD: perdon por contestar tan tarde!!

[BrutuSS]

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

Código CSS:

background:none repeat scroll 0 0 #ECE9E9;
border-color:-moz-use-text-color #E55C0A #E55C0A;
border-right:1px solid #E55C0A;
border-style:none solid solid;
border-width:0 1px 1px;
font-size:10px;
margin:0 auto;
overflow:hidden;
padding:0;
top:21px;
width:762px;
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:

height:33px;
left:1px;
position:relative;
width:762px;
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 ;)