Foros del Web » Creando para Internet » CSS »

Problema con DIV en IE

Estas en el tema de Problema con DIV en IE en el foro de CSS en Foros del Web. Tengo una imagen de fonde en el body de 900px de ancho, esta imagen tiene una linea horizontal de 12px de alto y lo que ...
  #1 (permalink)  
Antiguo 02/10/2009, 08:17
 
Fecha de Ingreso: enero-2009
Mensajes: 56
Antigüedad: 8 años, 10 meses
Puntos: 1
Pregunta Problema con DIV en IE

Tengo una imagen de fonde en el body de 900px de ancho, esta imagen tiene una linea horizontal de 12px de alto y lo que quiero es que la linea siga después que termina la imagen de fondo, para eso usé un div de 12 px de alto que debería ir desde 900px del borde izquierdo hasta el borde derecho del body, pero, el problema es que en IE6 no puedo lograr esto, de la única forma que puedo darle un ancho al div es con la propiedad width.
¿¿¿ Alguien sabe como puedo hacer para que este div que sólo tendría un imágen de background para darle continuidad a la linea se extienda hasta el borde derecho del body???

Nota: En FF y Opera anda bien.

CSS:
Código:
*{
	font-size:13px; /*IE Center Hack*/
	text-align:center;
	color:#444;
	border-color:silver;
	padding:0;
	margin:0;
	background-color:white;
}
body{
	height:100%;
	border:none;
	width:100%; margin:0;padding:0;
	position:relative;
	background-color:#666;
	background-image:url(adg.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-attachment:fixed;
}
div#inf_border{
	
	width:100px;
	padding:0;
	margin:0;
	background-color:#afa;
	
	float:right;
	position:relative;

	left:900px; right:0; top:108px;height:12px;
	background-image:url( header_bg.jpg );
	background-repeat:repeat-x;
	border:none;

}
/*HEADER*/
	div#HeaderOuter{
		position:relative;
		margin:0;
		width:100%;
		border:none;
		height:120px;
		
		background-color:transparent;
	}
	
	div#header{
		margin:0 auto 0 auto; padding:0;
		width:98%;
		border:none;
		background-color:transparent;
		background-position:bottom;
	}
/*FIN HEADER*/
HTML:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<TITLE></TITLE>
		<style type="text/css">
			import url(style.css); /*Falta el arroba del import*/
		</style>
	</head>
	<body>
		<div id="HeaderOuter">
			<div id="header">
				
			</div>
			<div id="inf_border"></div>
		</div>
		<div id="contentOuter">
			
		</div>
	</body>
</html>

Última edición por FFreddyy; 02/10/2009 a las 08:50
  #2 (permalink)  
Antiguo 04/10/2009, 17:40
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Problema con DIV en IE

Cita:
div#inf_border{
...
left:900px;
}
Esto es lo que estas usando para extender la linea?

Que problema puntual te da IE6?

Y donde esta alojada tu pagina para verla?
  #3 (permalink)  
Antiguo 06/10/2009, 08:38
 
Fecha de Ingreso: enero-2009
Mensajes: 56
Antigüedad: 8 años, 10 meses
Puntos: 1
Respuesta: Problema con DIV en IE

Si, lo que estoy haciendo es definir el left en 900px, para marcar el comienzo de la linea y el right en 0 para marcar el final y que se extienda desde los 900 px hasta que termine el body, no tengo la web alojada, pero con ese código puedes ver perfectamente lo que te comento, saludos.
  #4 (permalink)  
Antiguo 06/10/2009, 09:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con DIV en IE

IE6 no sabe dar tamaño a una caja con arreglo a coordenadas, por eso right: 0 junto al left no te funciona.
Puedes pegarlo al borde derecho con right: 0 (o float: right), darle un ancho grande y ocultarlo detrás de lo demás, para que sólo se vea lo que sobresalga por la derecha.
Sin ver cómo lo quieres hacer ni ver tus imágenes y demás no me es posible concretar más.
  #5 (permalink)  
Antiguo 07/10/2009, 11:59
 
Fecha de Ingreso: enero-2009
Mensajes: 56
Antigüedad: 8 años, 10 meses
Puntos: 1
De acuerdo Respuesta: Problema con DIV en IE

OK, gracias por la respuesta, con razón pasa eso, yo no me daba cuenta porque era, voy a tener que hacer algo como eso que comentas, 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 14:06.