La página no se ve entera

yenay · #1 (**permalink**) 04/06/2009, 01:36

Hola a todos,

Soy nuevo por este foro, aunque he aparecido a veces por forosdelweb en otros hilos, jeje, pero en (x)html soy todo un novato.

bueno, el caso es que me estoy currando una pequeña y sencilla web (estoy usando CSS, pero creoque lo que me pasa es cosa del html.

Lo que pasa es que yo cuando visualizo la página en una resolución más baja de la de la de mi monitor la página no se muestra entera, salen las scrolbars pero si las bajas hasta el final no está la página entera, se queda como cortada.

qué puede ser?

hades87 · #2 (**permalink**) 04/06/2009, 01:43

Puede ser por que el contenedor tenga la propiedad overflow: hiddden, hayas dado un tamaño mas pequeño, trabajes con posiciones absolutas y no relativas o muchas cosas mas.

Sería bueno que pusieras un link a tu web

iwexcoder · #3 (**permalink**) 04/06/2009, 02:06

tienes problemas de CSS. Para solucionarlo primero deverias hacer un <div> contenedor, ahi entraran el resto de los div. Este contenedor debe tener position: absolute, y debes especificar el width y height. Los div internos, debes colocarlos con position:absolute. Ademas colocando un contenedor podras centrar la pagina muy facilmente. Particularmente yo diseño sitio no mayores a 794px de ancho, porque se ajusta perfecto a las resoluciones de 800x600 para arriba.

Te paso el ejemplo del contenedor

El HTML seria asi

<html>
<head>
<head>
</body>
<div id="contenedor">
<div id="ejemp1">

</div>
<div id="ejemp2">

</div>
</div>
</body>
<html>

el CSS seria asi

* {
margin:0;
padding:0;
}

body {
height:auto;
}

#contenedor {
position:absolute;
width: 794px;
height:600px;
}

Aca estas diciendo que el contendor sera por 794x600 pixels como ejemplo. Todo lo demas iria dentro del mismo y lo verias sin problema

un saludo

yenay · #4 (**permalink**) 04/06/2009, 02:31

Muchas gracias, no esperaba respuestas tan pronto!

A ver, he probado lo de ponerle al contenedor Position:absolute, pero eso me descentra la página, aunque ponga margin: 0 auto. Y la página la quiero centrada.

la página en sí es la siguiente: www.manjomotor.com

está en construcción y que conste que no quiero hacer publicidad ni nada, aun así, si algún webmaster la considera publicidad, pues la quita y ya nos vamos entendiendo con código.

El caso es que en mi casa veia la página entera perfectamente, pero en otros ordenadores con peor resolución se me quedaba como cortada (salian las barras pero aun bajadas del todo se cortaba la pagina).

Sigamos investigando. Muchas gracias

hades87 · #5 (**permalink**) 04/06/2009, 02:34

A ver el positiion absolute no te lo aconsejo, ya qu epilla como referencia el borde izquierdo y la parte superior y así nunca se verá centrada en ningún navegador. Es mejor trabajar con relative que es la predefinida y tener un contenedor principal con margin: 0 auto.

Luego si ves que te sigue cortando, lo mejor es ir separando, abrete un documento neuvo y ve mirando hasta que veas que es lo que falla.

iwexcoder · #6 (**permalink**) 04/06/2009, 10:56

El position absolute si centra el contenedor..supongamos que el width es de 600px

#contenedor{
position:absolute;
left:50%;
margin-left:-300px;
}

y ahi esta centrado...lo que debes hacer es establecer que left siempre sea al 50%, lo que varia es el margin-left, siempre es la mitad negativa de tu contenedor. Con esto siempre estará centrada en cualquier resolucion de pantalla

un saludo

kseso? · #7 (**permalink**) 04/06/2009, 12:10

Hola Yenay.

Tu página la veo completa redimensionando la ventana a 800px de anchura. Salen las barras de scroll y veo el pie de página negro con su texto.

Lo que ocurre es que a la derecha deja un espacio en vertical de 22px porque #wrapper tiene una anchura de 922px y sus hijos de 900px.

Un saludo.

P.D.1: <body background="Fondo.jpg"> esto es incorrecto, y redundante, pues esa imagen ya la colocas via css.
P.D.2: el título y subtítulo mejor etiquetarlos como <h1> y <h2> respectivamente.

Corneja · #8 (**permalink**) 05/06/2009, 00:23

Además tienes un fallo en el css que no has cerrado el background-position:left
en la capa #boton

yenay · #9 (**permalink**) 05/06/2009, 01:14

Muchísimas gracia a todos, he seguido casi todos vustros consejos.
Vaya pedazo de foro que tenéis aquí en el diseño web, respondéis superrápido.
En mi ordenador de casa también se ve la página entera por poca resolución que le ponga en la pantalla, pero en los ordenadores del sitio de donde es la página no, supongo entonces que será por el iexplorere que tienen allí, que creo que es bastante antiguo.
Les instalaré un iexplorer más nuevo a ver si así va.

Lo dicho, muchas gracias a todos.

jomaruro · #10 (**permalink**) 07/06/2009, 09:21

Hola:

Cita:

Iniciado por yenay

Les instalaré un iexplorer más nuevo a ver si así va.

Ya puestos, mejor instalales el firefox, tendrás menos problemas con los estándares.

Saludos.