Foros del Web » Creando para Internet » CSS »

ajustar contenido segun ventana

Estas en el tema de ajustar contenido segun ventana en el foro de CSS en Foros del Web. tengo mi index.html Código HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns= "http://www.w3.org/1999/xhtml" > <head> <link href= "style.css" rel= "stylesheet" type= "text/css" ...
  #1 (permalink)  
Antiguo 11/06/2011, 11:42
 
Fecha de Ingreso: diciembre-2008
Ubicación: PERU
Mensajes: 285
Antigüedad: 8 años, 7 meses
Puntos: 22
ajustar contenido segun ventana

tengo mi

index.html

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" />
</head>

<body>
	<div id="main">
		<div id="header">
			cabecera
			<div id="logo"></div>
			<div id="menu"></div>
			
		</div>
		
		<div id="content">
			contenido
		</div>
		
		<div id="footer">
			pie
		</div>
		
	</div>
</body>

</html> 

y mi hoja de :
style.css

Código CSS:
Ver original
  1. body
  2.     {
  3.     font-family:Arial, Helvetica, sans-serif;
  4.     background-color:#95d3e2;
  5.     margin:0px auto;
  6.  
  7.     }
  8.  
  9. #main
  10.    {
  11.     background: url(http://www.picalls.com/data/media/18/Clouds_illustration.jpg) repeat top ;
  12.     position:relative;
  13.     width:100%;
  14.     height:100%;
  15.     margin: 0 auto;
  16.     z-index:1;
  17.    
  18.  
  19.     }
  20.  
  21. #header
  22.     {
  23.     background-color: transparent;
  24.     position:relative;
  25.     height: 208px;
  26.     width: 960px;
  27.     z-index: 2;
  28.    
  29.     }
  30.    
  31. #header #logo
  32.     {
  33.     background-image: url(http://www.beachultimate.org/blog/Wikipedia-logo.gif);
  34.     float:left;
  35.     height:126px;
  36.     width:113px;
  37.     margin-left:220px;
  38.     margin-top:15px;
  39.  
  40.     }
  41. #header #menu
  42.     {
  43.     background-image: url(http://www.maquetacionweb.com/wp-content/uploads/2009/08/menutransparente.JPG);
  44.     position:relative;
  45.     float:left;
  46.     height:224px;
  47.     width:990px;
  48.     margin-left:220px;
  49.     top:15px;
  50.     }
  51.  
  52. #content
  53.     {
  54.    background-color: transparent;
  55.    position:relative;
  56.    width: 100%;
  57.    height: 500px;
  58.    overflow: hidden;
  59.  
  60.     }
  61.  
  62. #footer
  63.     {
  64.     background-image: url(http://4.bp.blogspot.com/_t2EWvTPf5EI/TH1KMw0VALI/AAAAAAAASok/rPy9-JHodhk/s1600/banner.jpg);
  65.     background-repeat:norepeat;
  66.     background-position:bottom;
  67.     height:352px;
  68.     width:100%;
  69.  
  70.     }

Bueno tengo una imagen de fondo y pie de pagina grandes la cual he usado "%" para ajustarlo a mi diseño. Tamien tengo un div header la cual contiene una imagen como background.

Mi problema esq todo esta fijoo salvo el fondo del main. Lo que quiero es que cuando se achique el tamaño de la ventana del browser (no hablo de resolucion) la imagen del header se valla acomplando sin perder su dimensiones. Osea no lo quiero fijo commo ahora.

Mas o menos quiero que se comporte asi como este blog:
Ejemplo
Ojo: no le hagan caso al ejemplo del blog, sino a la pagina (blog)
  #2 (permalink)  
Antiguo 11/06/2011, 14:30
 
Fecha de Ingreso: diciembre-2008
Ubicación: PERU
Mensajes: 285
Antigüedad: 8 años, 7 meses
Puntos: 22
Respuesta: ajustar contenido segun ventana

Alguien se anima ? donde esta mi error o que me falta.

Cita:
Iniciado por yuo2
Edit: Ya lo resolvi , lo doy por cerrado

Última edición por yuo2; 11/06/2011 a las 18:27
  #3 (permalink)  
Antiguo 12/06/2011, 02:56
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años
Puntos: 361
Respuesta: ajustar contenido segun ventana

Hola:

Lo fundamental del foro es compartir, sin embargo tú has preguntado pero no has aportado la solución para ayudar a quien pueda tener el mismo problema que tú. Eso no es compartir.

Saludos.


Etiquetas: contenido, ventanas
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 06:39.