repeat-x no funciona cuando la ventana se achica

cuervo699 · #1 (**permalink**) 06/09/2011, 19:51

Hola denuevo! xD

Diseñe un sitio web y en el header puse un DIV con un background repeat-x y el problema pasa al achicar la ventana firefox, el header no se repite completamente hacia el lado, llega a un tope y se ve bastante mal, aqui les dejo una imagen de como se ve para que me entiendan mejor

http://k05.kn3.net/9EA1FA28F.png

Como lo soluciono???

phillipecw · #2 (**permalink**) 07/09/2011, 21:56

Hola.

Dos cosas:

¿Qué ancho tiene el DIV que usa la imagen de fondo? ¿Tiene ancho fijo, porcentaje? ¿Tiene márgenes? Sería bueno ver tu código CSS.
No se ve la imagen que indicas.

Saludos.

cuervo699 · #3 (**permalink**) 08/09/2011, 22:49

Cita:

Iniciado por phillipecw

Hola.

Dos cosas:

¿Qué ancho tiene el DIV que usa la imagen de fondo? ¿Tiene ancho fijo, porcentaje? ¿Tiene márgenes? Sería bueno ver tu código CSS.
No se ve la imagen que indicas.

Saludos.

1. El div no tiene ancho y probe poniendo porcentajes width: 100%; pero no funciono....

Aqui esta el codigo...

Código HTML:

<html>
<head>
<style>
#titleheader_bg {
	background:url("../images/header_bg.jpg") repeat-x;
	height: 100px;
	border-bottom:1px solid #bbb;
	z-index: 1;
}

#title {
	font-family: 'Oswald', sans-serif;
	font-size: 45px;
	padding-top: 24px;
	letter-spacing: 1px;
	width: 900px;
	margin: auto;
	text-align: center;
}
</style>
</head>
<body>
<div id="titleheader_bg"><!-- Aqui esta el fondo-->
<div id="title">Lorem ipsum dolor sit amet</div>
</div>
</body>
</html>

2. Estos servidores mulas, me botan la imagen, pero aqui te dejo otra http://www.imagengratis.org/images/capturadd2ed.png

Gracias por responder