Foros del Web » Creando para Internet » HTML »

Imagen que ocupe siempre el ancho de pantalla

Estas en el tema de Imagen que ocupe siempre el ancho de pantalla en el foro de HTML en Foros del Web. Genios del foro!! Los estoy convocando porque no se como hacer lo siguiente: Quiero colocar una imagen como banner, arriba de la página, y me ...
  #1 (permalink)  
Antiguo 18/09/2009, 08:38
Avatar de pabloe9k  
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 190
Antigüedad: 9 años, 5 meses
Puntos: 3
Pregunta Imagen que ocupe siempre el ancho de pantalla

Genios del foro!!
Los estoy convocando porque no se como hacer lo siguiente:

Quiero colocar una imagen como banner, arriba de la página, y me gustaría que ocupe todo el ancho de navegador, redimensionándose para seguir ocupando todo el ancho de la pantalla cuando se achique o se agrande la ventana del navegador.

Porque, en mi escaso conocimiento, se me ocurrió hacer una imágen de 2000px de ancho, pero aparece abajo la barra de scroll (y colocar código para desaparecer la barra de scroll no es una opción).

Espero puedan ayudarme.
Muchas gracias!!

Se les ocurre algo?
Muchas gracias...!!
  #2 (permalink)  
Antiguo 18/09/2009, 08:43
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Imagen que ocupe siempre el ancho de pantalla

Si, eso de colocar código que desaparesca la barra de scroll horizontal no es una opción porque no se puede hacer, esa barra la coloca el explorador y no puede ser manipulada con ningún código (al menos no puede ser eliminada). Lo que yo te recomiendo en primera instancia es que hagas tu web de un ancho determinado, 960 píxeles es lo que sugiere. Si no quieres seguir esa opción podría sugerirte que le des un ancho porcentual a tu banner, <img width="100%" ... no es algo que suelo recomendar ni emplear así que no estoy seguro si servirá o si hace falta un doctype determinado para que funcione y es que no es la opción que creo sea más recomendable. De todas maneras te reitero el consejo de hacerlo usando un ancho fijo.

Última edición por ElJavista; 18/09/2009 a las 09:55
  #3 (permalink)  
Antiguo 18/09/2009, 08:46
Avatar de pabloe9k  
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 190
Antigüedad: 9 años, 5 meses
Puntos: 3
Respuesta: Imagen que ocupe siempre el ancho de pantalla

Me podrías pasar el código para darle un ancho fijo a la página, entonces?
Gracias!!
  #4 (permalink)  
Antiguo 18/09/2009, 09:57
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Imagen que ocupe siempre el ancho de pantalla

Entonces debe ser que solo usas editores gráficos. Bueno, este es el código:

<body>
<div style="width: 960px; margin-left: auto; margin-right: auto">
[tu contenido]
</div>
</body>

Como verás, tendrás que "envolver" todo tu código que se encuentre dentro de las etiquetas <body> y </body> con un div que tenga esos estilos, eso funcionará.
  #5 (permalink)  
Antiguo 18/09/2009, 09:58
Avatar de pabloe9k  
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 190
Antigüedad: 9 años, 5 meses
Puntos: 3
De acuerdo Respuesta: Imagen que ocupe siempre el ancho de pantalla

Cita:
Iniciado por ElJavista Ver Mensaje
Entonces debe ser que solo usas editores gráficos. Bueno, este es el código:

<body>
<div style="width: 960px; margin-left: auto; margin-right: auto">
[tu contenido]
</div>
</body>

Como verás, tendrás que "envolver" todo tu código que se encuentre dentro de las etiquetas <body> y </body> con un div que tengas esos estilos, eso funcionará.
Gracias, fenómeno!!!
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




La zona horaria es GMT -6. Ahora son las 05:18.