Foros del Web » Creando para Internet » CSS »

Minimizar pagina html

Estas en el tema de Minimizar pagina html en el foro de CSS en Foros del Web. Perdonad mi explicación pero a ver si me entiende alguien. Estoy haciendo una pagina web con el bloc de notas de windows, sin java script ...
  #1 (permalink)  
Antiguo 19/12/2009, 07:24
 
Fecha de Ingreso: diciembre-2009
Mensajes: 2
Antigüedad: 8 años
Puntos: 0
Minimizar pagina html

Perdonad mi explicación pero a ver si me entiende alguien.

Estoy haciendo una pagina web con el bloc de notas de windows, sin java script ni nada. El caso es que tengo varias div y dejo unos margenes laterales, tanto a izquierda como a derecha de la página, y al minimizar la pantalla del navegador me aparecen los margenes y la div que tengo en el medio se me hace muy pequeña e incluso de desencuadran las imagenes que tengo en ella.

Mi intención es que cuando minimice la pantalla del navegador, los márgenes desaparezcan como pasa con la página de AS.com por ejemplo, que tiene unos márgenes negros que cuando se minimiza no aparecen.

Espero que alguien haya entendido mi pregunta y me puede dar una solución porque estoy un poco saturado y no encuentro ninguna forma. Gracias
  #2 (permalink)  
Antiguo 19/12/2009, 09:55
 
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 42
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Minimizar pagina html

Creo que con CSS no se puede hacer, con Javascript seguro que puedes.

Última edición por Cabos; 21/12/2009 a las 14:34
  #3 (permalink)  
Antiguo 19/12/2009, 11:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Minimizar pagina html

Hola:

Cita:
Iniciado por Cabos Ver Mensaje
Creo que con CSS no se puede hacer, con Javascript seguro que puedes.
Alguno estaría más guapo calladito y no induciendo a errores.

No sé como tienes estructurada tu página pero a ver si puedo ayudarte. Debes olvidarte de los margenes laterales y centrarte solo en el div central. El problema lo solucionas creando solo div central con un tamaño fijo (unos 960px es lo más corriente) y metiendo todo tu contenido en él.

Después, tu hoja CSS la inicias con un reset.

Código:
* {
padding:0;
margin:0 auto;
}
Y ya tienes tu página como querías, para muestra el código siguiente, pruebalo.

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.         <title>Div centrado</title>
  6.         <style type="text/css">
  7.             * {
  8.                 padding:0;
  9.                 margin:0 auto;
  10.             }
  11.             #contenedor {
  12.                 border: 1px solid #ff0000;
  13.                 background-color:#00ff00;
  14.                 width:960px;
  15.                 height:600px;
  16.             }
  17.         </style>
  18.     </head>
  19.  
  20.     <body>
  21.         <div id="contenedor>
  22.         </div>
  23.    </body>
  24. </html>
Saludos.

  #4 (permalink)  
Antiguo 19/12/2009, 11:57
 
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 42
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Minimizar pagina html

Lo siento, la próxima vez me lo miro mejor.
Sin embargo, estarás de acuerdo conmigo en que con javascript puede quedar mejor, puesto que, dependiendo de la resolución de la pantalla i de el tamaño de la ventana minimizada puede no funcionar.

Por cierto, tu código tiene un error, no es:
Código HTML:
<div id="contenedor> 
sinó:
Código HTML:
<div id="contenedor"> 
Saludos

Última edición por Cabos; 21/12/2009 a las 14:35
  #5 (permalink)  
Antiguo 19/12/2009, 13:17
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Minimizar pagina html

Hola, voy a meter la cuchara.
Cabos, puede ser que con javascript se pueda hacer, pero si se tiene desactivado no funcionaria, y el css sí, (puntos para el css)
Y como es el subforo de css, me parece que es mejor la solución.
además dice que: "Estoy haciendo una pagina web con el bloc de notas de windows, sin java script ni nada."

No pretendo decir que el javascript sea mejor o peor que el css, son cosas distintas.

Saludos y haces bien en corregir ese error de cierre de comillas.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #6 (permalink)  
Antiguo 19/12/2009, 14:20
 
Fecha de Ingreso: agosto-2009
Ubicación: España
Mensajes: 42
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Minimizar pagina html

Cita:
Iniciado por C2am Ver Mensaje
Hola, voy a meter la cuchara.
Cabos, puede ser que con javascript se pueda hacer, pero si se tiene desactivado no funcionaria, y el css sí, (puntos para el css)
Y como es el subforo de css, me parece que es mejor la solución.
además dice que: "Estoy haciendo una pagina web con el bloc de notas de windows, sin java script ni nada."

No pretendo decir que el javascript sea mejor o peor que el css, son cosas distintas.
Estoy de acuerdo contigo, solo digo que le podría funcionar mejor, pero si ya le va bien así, por mí genial.

Salu2

Última edición por Cabos; 21/12/2009 a las 14:35
  #7 (permalink)  
Antiguo 19/12/2009, 15:17
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Minimizar pagina html

Hola:

Y seguramente también se pueda hacer con PHP, ASP clásico, ASP.NET, Java, y cientos de lenguajes de programación.

Saludos.

  #8 (permalink)  
Antiguo 22/12/2009, 06:53
 
Fecha de Ingreso: diciembre-2009
Mensajes: 2
Antigüedad: 8 años
Puntos: 0
Respuesta: Minimizar pagina html

Gracias jomaruro era justo lo que estaba buscando, muchas gracias... Bueno y al resto tambien claro, lo que pasa es que tengo un nivel muy básico y javascrpit no lo utilizo, pero muchas gracias en serio
  #9 (permalink)  
Antiguo 22/12/2009, 14:17
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Minimizar pagina html

Hola:

Cabos, gracias por la corrección.

Gelord, te pueden ser útiles los siguientes manuales de CSS:

Introducción a CSS.
CSS Avanzado.

Los puedes consultar online o descargartelos en PDF y son totalmente gratuitos.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 22:21.