[SOLUCIONADO] Dimension de Pagina/Solapa

hcrisel · #1 (**permalink**) 18/12/2013, 07:25

Buenos Días para todos.

Cita:

Tus páginas ajustarán su altura de forma dinámica de acuerdo con el contenido que agregas a la misma. Si agregas más texto o más componentes, tus páginas se harán más largas con el fin de dar cabida a todo lo que se agrega. Basta con arrastrar el componente situado en la parte más baja de tus páginas con el fin de aumentar la altura de esa página.

Extraje esto de un sitio en el cual explica muy bien mi problema.

Soy un viejo programador de la época de POO Visual Fox, Clipper, etc.

Estamos acostumbrados a nuestros formularios donde colocamos y definimos una dimensión del formulario, que imagen va adentro, si cubre todo o una parte del fondo de ese formulario, etc, etc.

mi capricho (si es un capricho) es que la página en la cual deseo trabajar sea totalmente estática (igual que un formulario).

donde podría leer acerca de dominar las dimensiones o bajo que título encontrar el modo de dominar:

> dimensión de la página
> que el background-size del body estire en X y en Y la imagen de fondo acorde al tamaño establecido por la página

la tecnología me empujó a esta nueva programación y me esta volviendo loco las pabadas en lugar de lo complejo (que esta muy simple)

bueno algo simple

Gracias al que me de un empujoncito con este tema.

Me olvidé de vuelta el código!!! perdón.

<head>
<link rel="shortcut icon" href="gusb.ico" type="image/x-icon">
<title>Titulo de la pagina</title>
<meta charset='UTF-8'>
<style>
body{
margin: 0 auto;
overflow: auto;
background-color: RGB(215,201,168);
background-image: URL("caballo.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
#canvas{display:none;}
</style>

<p style="text-align:center;">Aprendiendo de nuevo</p>
<hr> 

</head>

hcrisel · #2 (**permalink**) 18/12/2013, 08:36

Finalmente encontré el modo con la imagen.

Código PHP:

          body{

            margin: 0 auto;

            overflow: auto;

            background-color: RGB(215,201,168);

            background-image: URL("caballo.jpg");

            background-size: 100% 100%;

            background-attachment: fixed;

        }

Para el que necesite lo mismo. Les deseo lo mejor!!!

pzin · #3 (**permalink**) 18/12/2013, 09:29

Prueba con background-size, así se ajusta a la dimensión de su contenedor y no se deforma.