Problema con DIV en IE

FFreddyy · #1 (**permalink**) 02/10/2009, 07:17

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>

mayid · #2 (**permalink**) 04/10/2009, 16:40

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?

FFreddyy · #3 (**permalink**) 06/10/2009, 07:38

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.

Mikmoro · #4 (**permalink**) 06/10/2009, 08:08

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.

FFreddyy · #5 (**permalink**) 07/10/2009, 10:59

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.