Foros del Web » Creando para Internet » CSS »

Cabecera elástica.

Estas en el tema de Cabecera elástica. en el foro de CSS en Foros del Web. Hola. Al grano: Estoy modificando una platilla y tengo un problema con el header. He dividido la imagen que lo constituye en tres para que ...
  #1 (permalink)  
Antiguo 11/11/2004, 09:30
 
Fecha de Ingreso: febrero-2004
Ubicación: Madrid
Mensajes: 65
Antigüedad: 13 años, 10 meses
Puntos: 0
Cabecera elástica.

Hola. Al grano:

Estoy modificando una platilla y tengo un problema con el header. He dividido la imagen que lo constituye en tres para que pueda ser elástico y que al minimizar la pantallas se contraiga. Está aquí:

http://paspespuyas.com/comunidad/index.php/a

Funciona hasta que el div de la izquierda se topa con el de la derecha entonces este baja como podrán ver, se monta y el efecto es horroroso(para eso es mejor que no sea elástico). No doy con la solución a ver si me pueden echar una mano. Les dejo el código de los div. Que constituyen el header. Gracias por anticipado.

Código HTML:
#header {
	margin: 20px 20px 0px 20px;
	padding: 0px;
	border: 0px;
	background-image: url(paspescom_2.gif);
	background-repeat: repeat-x;
            width: auto;
            height: 137px;
	voice-family: "\"}\"";
	voice-family:inherit;  
	}   
#senora{
	background-image: url(paspescom_1.gif);
           background-repeat: no-repeat;
          float: left;
         margin: 0px;
         padding: 0px;
          width: 526px;
        height: 137px;
}
#rotulo{
           background-image: url(paspescom_3.gif);
	background-repeat: no-repeat;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 174px;
	height: 137px;
	
}
Y luego en el html:
Código HTML:
<div id="header">
  <div id="senora"></div>
  <div id="rotulo"></div>
  
  </div> 
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 14:16.