Global
Argentina
Chile
Colombia
España
México
Perú
Uruguay
Venezuela
Diseño y desarrollo web orientado al Webmaster. Recursos y tecnologías correspondientes al ámbito: Flash, PHP, ASP, AS3, AS2, Javascript, HTML, CSS, Pearl, MySQL, instalación y configuración de portales CMS, scripts y más...
Ver más- 2,364 Miembros
- 704 Temas
- 565 Seguidores
[AYUDA] Header en distintos tamaños
Mi problema viene de esta web: http://www.ecdlm.nixiweb.com como veran eso solo es nada. porque no quise subir mas ni siquiera mi propio contenido x miedoa que lo roben, pero ese no es el caso. Si se fijan, tengo un header y botoncitos abajo.. mi gran problema gran es el header.. porque yo estoy desarrollando la pagina en una notebook de 1024x768, pero lo pruevo en otra compu con resolucion mas grande y :O el header se me queda corto de ancho u.u entonces.. como sera para que el header se vea bien (de ancho) en resoluciones grandes.. y que ademas sea liviano y no tengas que esperar para que cargue y no se note que es una imagen.. me explico?? u.u
- 0Calificación
- 0Seguidores
- 44Visitas
- 0Favoritos
3 respuestas
Generalmente lo que se hace en esos casos es utilizar una imagen de 1px de ancho como fondo y repetirlo sobre el eje X tantas veces como sea necesario. De ésta forma logras que, independientemente del ancho y resolucion, el header se acomode al 100%.
En css podes hacer algo como por ejemplo
#fondo-cabecera{
background: url('/carpeta/imagen.png') repeat-x;
width: 100%;
height: 100px;
}
Luego, sobre ese fondo suele ponerse una imagen a modo de logo que "flote" dentro del div de la cabecera"
#logo-cabecera{
width: 200px;
height: 80px;
float:left;
magin: 10px;
}
Espero que te sirva, saludos
oooh si! es perfecto! me encanta.. pero tengo un problema.. no tengo ni la mas puta idea de como manejar css y no entiendo mucho el codigo.. no me podrias ayudar a "implementarlo"?? no se si me entendes..
<head>
<style type="text/css">
.header {}
</style>
</head>
<div class="header">
</div>