fijar un limite a la hora de redimensionar

[Lechon]

Hola a tod@s!!!

Estoy con un problema de capas que no se como resolver.

Resulta que tengo una capa contenedor (div) y un contenido. El contenido debe estar centrado respecto al contenedor (eso no es problema, ya lo tengo realizado) el problema me viene por que cuando se redimensione la ventana, el contenido debe ir desplazándose hacia la izquierda (float:left, eso correcto) hasta que llegue a 7px del margen izquierdo, una vez llegada a esa distancia no debería desplazarse más y por lo tanto debería aparecer la barra desplazadora en el eje X.

//Codigo
<div id="contenedor">
<div id="contenido" >
<img ... . .. . . ... . />
</div>
</div>

//css

#contenedor{
padding-left: 7px;
position: fixed;
top: 0;
left: 165px; /* 165 */
right: 0;
bottom: 0;
/* overflow: hidden; */
background: #fff;
z-index: 10;
opacity:0;
}


#contenido
{
position: relative;
width: 785px;
height: 670px;
}


¿¿alguna idea como realizarlo??

[jomaruro]

Hola:

Prueba con min-width (ancho mínimo) y max-width (ancho máximo).

Saludos.

[Lechura]

Eso donde en el contenedor o en el contenido??

[jomaruro]

Hola:

Iniciado por Lechon

El contenido debe estar centrado respecto al contenedor (eso no es problema, ya lo tengo realizado) el problema me viene por que cuando se redimensione la ventana, el contenido debe ir desplazándose hacia la izquierda (float:left, eso correcto) hasta que llegue a 7px del margen izquierdo, una vez llegada a esa distancia no debería desplazarse más y por lo tanto debería aparecer la barra desplazadora en el eje X.

Deberías saberlo tu mejor que yo ¿no crees?

Saludos.