Foros del Web » Creando para Internet » CSS »

Fixed no me funciona

Estas en el tema de Fixed no me funciona en el foro de CSS en Foros del Web. estoy desde hace poco tratando de entender y ejercitando algo con css, tengo esta paginita de prueba la cual de imagen y presentancion está bien ...
  #1 (permalink)  
Antiguo 26/05/2006, 10:23
Avatar de dobled  
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.322
Antigüedad: 15 años, 10 meses
Puntos: 2
Fixed no me funciona

estoy desde hace poco tratando de entender y ejercitando algo con css, tengo esta paginita de prueba la cual de imagen y presentancion está bien pero al momento de agregar mas textos al contenido y hacerla mas menos duplicando unas 7 veces ese texto la imagen body.gif y pie.gif no permanecen quietas al mover el scroll no asi el devil.gif esa imagen queda estatica.
Pongo el codigo a ver si me ayudan

Código:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titulo</title>
<style type="text/css">
body {
	background-color: #D60305;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image : url(i/devil.gif);
	background-position : left bottom;
	background-repeat : no-repeat;
	background-attachment : fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;
}
#cabecera {
background: url(i/body.gif) repeat-x top left fixed ;
position:absolute;
top:0px;
width:100%;
height:auto;
}
#contenido {
position:absolute;
top:100px;
left:10%;
width:500px;
height:auto;
}
#pie {
background: url(i/pie.gif) repeat-x top left fixed;
position:absolute;
bottom:0px;
width:100%;
height:auto;
}
.titulos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFFFFF;
	letter-spacing: -1px;
	text-decoration: underline;
}
</style>
</head>

<body>
<div id="cabecera" ><img src="i/body.gif" width="644" height="601"/></div>
<div id="contenido"><span class="titulos"><strong>Titulos de las Noticias Semanales </strong></span><strong><br />
</strong>Por fin, una de las   promotoras de m&uacute;sica trance m&aacute;s importante del mundo ID &amp; T, se fija en   nuestro pa&iacute;s, incluyendo dos fechas en esa gran gira que la marca har&aacute; por el   continente europeo... <br />
En octubre la gente de Sensation visitar&aacute; Barcelona y   Madrid. En el caso de Barcelona, la fiesta se realizar&aacute; en el Palau de Sant   Jordi. Mientras que en Madrid, ser&aacute; en el Madrid Arena (el roc&oacute;dromo dentro de   la Casa de Campo) donde se producir&aacute; la gran fiesta. Los mejores dj&acute;s desfilaran   por las cabinas de Sensation, por supuesto con el mejor trance mundial. <br />
Esperamos sin duda que el evento sea todo un &eacute;xito y de esta forma puedan   realizar la otra cara de Sensation: Sensation Black.<br />
<hr width="500" size="1" />
<br />
<br />
<br />
<br />
</div>
<div id="pie"><img src="i/pie.gif" width="492" height="29" /></div>
</body>
</html>
el texto es solo ejemplo no tiene nada que ver con el sitio..
Bueno la idea es que todas las imagenes permanezcan quietas cuando se agrega mas texto y aparece el scroll.

Saludos y Gracias
__________________
Usa títulos específicos y con sentido
En las listas de correo o en los grupos de noticias, la cabecera del mensaje es tu oportunidad de oro para atraer la atención de expertos cualificados en aproximadamente 50 caracteres o menos. No los desperdicies en balbuceos como "Por favor ayúdame" (de "POR FAVOR AYÚDAME!!!" ya ni hablamos). No intentes impresionarnos con lo profundo de tu angustia; mejor usa ese preciado espacio para una descripción lo más concisa posible del problema.
  #2 (permalink)  
Antiguo 26/05/2006, 14:36
Avatar de Daniel M.  
Fecha de Ingreso: julio-2005
Ubicación: Lima Perú
Mensajes: 108
Antigüedad: 12 años, 5 meses
Puntos: 0
Mala Estructura!

La Imagen Que Deseas Q Sea Fija Esta Dentro De Una Capa Por Ende Va Ser Fija Dentro De Esa Capa, Creo Que Esta Mal Estructurado Tu Marcado (xhtml) Por Eso No Consigues Lo Q Deseas Envianos El Efecto Visual Q Deseas (archivo Png O Psd Por Ejemplo).
Ademas No Trates De Colocarle A La Capa El Valor Fixed Porque Tampoco Funcionara Debid A Lo Confuso Q Esta Tu Marcado!
__________________
Daniel M.
TEXT-IDENT
  #3 (permalink)  
Antiguo 26/05/2006, 14:43
Avatar de dobled  
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.322
Antigüedad: 15 años, 10 meses
Puntos: 2
bueno lo de la estructura no creo que este todo malo, despues de leer bastante este tema creo que es un bug del iexplorer.
baje un js, llamado ie7-standard-p.js y he solucionado todos mis problemas.

Muchas gracias de todas maneras.

asi quedo finalmente pero con el js linkeado

Código:
body {
	background-color: #D60305;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image : url(i/devil.gif);
	background-position : center bottom ;
	background-repeat : no-repeat;
	background-attachment : fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:justify;
}
#contenido {
position:absolute;
top:100px;
left:10%;
width:500px;
height:auto;
}
#cabecera {
background: url(i/body.gif) repeat-x top left ;
position:fixed;
top:0px;
width:100%;
height:auto;
}
#pie {
background: url(i/pie.gif) repeat-x top left;
position:fixed;
bottom:0px;
width:100%;
height:auto;
}
#menu {
background-color: #520102;
position:fixed;
top:0px;
left:10%;
}
.titulos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	letter-spacing: -1px;
	text-decoration: underline;
}
#devil {
	background-image : url(i/devil.gif);
	background-position : center bottom ;
	background-repeat : no-repeat;
	background-attachment : fixed;
}
__________________
Usa títulos específicos y con sentido
En las listas de correo o en los grupos de noticias, la cabecera del mensaje es tu oportunidad de oro para atraer la atención de expertos cualificados en aproximadamente 50 caracteres o menos. No los desperdicies en balbuceos como "Por favor ayúdame" (de "POR FAVOR AYÚDAME!!!" ya ni hablamos). No intentes impresionarnos con lo profundo de tu angustia; mejor usa ese preciado espacio para una descripción lo más concisa posible del problema.
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 08:19.