Tengo un problema con mi pagina web al cambiar la resolucion de pantalla

[nico123]

Hola!!.

Antes que nada decirles que decidí crear el tema aqui ya que creo que es "problema" en el CSS, y no en el HTML.

Ahora si, al problema....
Mi problema es que como dije, mi pagina "se corta" en determinadas partes al bajar la resolucion de la pantalla. Tengo una cabecera y un pie de pagina, que se ven bien hasta que muevo la barra de desplazamiento hacia la derecha, ahi es donde la cabecera "se corta". Probé con Google, Facebook y Twitter y no tienen este problema, incluso a esta pagina (Foros del Web ) le pasa lo mismo (Quien sea tan amable de cambiar su resolucion para ver a que me refiero, se lo agradeceria). Necesito solucionar esto cuanto antes, ya que solo es eso, el contenido se ve perfecto y todo en su lugar. Gracias

Aqui una captura del problema (Tomado de Foros del web, a lo mejor quien diseño este sitio podria ayudarme en ello. La resolucion es 800x600. Mi resolucion normal es 1360x768, algo "normal" para las pantallas modernas, pero pongo 800x600 para probar.)

La captura:
http://k45.kn3.net/F/0/7/4/C/1/147.png

[pzin]

No se ve la imagen, salta un error 403.

Si te entiendo bien, el problema se soluciona o bien dejando de especificar un ancho a la cabecera o especificando un ancho al resto de la web, y así no existe esa incoherencia. En FdW pasa eso, que la cabecera tiene definida un ancho y el resto de la web no, y si el ancho del navegador es inferior al tamaño de la cabecera entonces obviamente sobresale al resto (que cortarse no se corta nada ).

[nico123]

Iniciado por pzin

No se ve la imagen, salta un error 403.

Si te entiendo bien, el problema se soluciona o bien dejando de especificar un ancho a la cabecera o especificando un ancho al resto de la web, y así no existe esa incoherencia. En FdW pasa eso, que la cabecera tiene definida un ancho y el resto de la web no, y si el ancho del navegador es inferior al tamaño de la cabecera entonces obviamente sobresale al resto (que cortarse no se corta nada ).

Tengo la cabecera y dentro un contenedor, mas o menos asi:

Código HTML:

<div id="cabecera">
    <div id="cab_cont">
        CONTENIDO
    </div>
</div>
 

En cabecera, tengo width: 100%;, mientras que el contenedor tiene width: 1000px;. Intente con min-width pero nada.

[pzin]

Prueba con max-width, así el ancho nunca excedería el ancho total del navegador.

[paxarin]

Iniciado por nico123

Tengo la cabecera y dentro un contenedor, mas o menos asi:

Código HTML:

<div id="cabecera">
    <div id="cab_cont">
        CONTENIDO
    </div>
</div>
 

En cabecera, tengo width: 100%;, mientras que el contenedor tiene width: 1000px;. Intente con min-width pero nada.

Yo te recomiendo una cosa.
Si quieres que se vea igual en varias resoluciones debe de tener un css o varios para dichas resoluciones eso ya depende de ti.
Pero si en tu ejemplo dices que el contenedor ocupe el 100% del espacio de navegador o del contenedor principal y luego le dices al subcontenedor que ocupe 1000px logico que cuando la resolución del monitor sea inferior sucedan cosas extrañas.
La imagen que nos muestras no se ve, pero fijo que seria eso.
Prueba a:
<div id="cabecera">
</div>
width: 100%;
<div id="contenedor">
width: 100%;
</div>
o el ancho que necesites, ya veras como se adapta mejor ya que no tienes unas medidas fijas si no que adaptas a la resolución de la persona que visita la web

[mdk]

Prueba con min-width: 1000px !important; debería de funcionar sin problemas.