Problema simple con div (creo)

#1 (**permalink**) 09/09/2010, 20:11

Hola Foreros! Necesito de su ayuda :D
Les cuento:

Tengo que implementar una página que tiene 2 fondos, para lo cual colocaré en fondo más grande como fondo principal del body y un div en la parte superior que quiero expandir hacia todo el ancho disponible y poner en ese div el otro fondo (100%) y hacer que el div quede pegado a la parte superior. El problema de esto es que aunque esté al 100% me quedan espacios entre el div y el navegador y también en la parte superior, dejo una imágen:

Supongamos que el fondo blanco es el fondo principal y el div de color negro contiene el fondo secundario que es más pequeño, pero aún así a los lados del div me quedan espacios en blancos (del fondo principal), eso debe ser tapado por el fondo secundario del div.

Espero que me puedan ayudar a solucionar ese problema, ya intenté con todo (no me manejo mucho en CSS)

Les dejo el código que hice como ejemplo:

Código:

<html>
<head>
<style>
div {
	background-image: url(background.png);
	background-repeat: repeat-x;
	background-position: left top;
	color:white;
}
</style>
</head>

<body>
<div>
cotenido aqui<br />
cotenido aquí<br />
cotenido aquí<br />
cotenido aquí<br />
cotenido aquí<br />
cotenido aquí<br />
</div>
</body>
</html>

Saludos!

psdtocss · #2 (**permalink**) 09/09/2010, 21:50

Has probado poniendo al body, margin:0

#3 (**permalink**) 09/09/2010, 22:02

Cita:

Iniciado por psdtocss

Has probado poniendo al body, margin:0

Wow! Eso fué realmente simple

Muchas gracias PSDToCSS!

kseso? · #4 (**permalink**) 10/09/2010, 05:39

Complementando la respuesta de psdtocss

Utilice un reset css, más o menos amplio, en función de su código. Se evitará muchos problemas como este.

#5 (**permalink**) 11/09/2010, 20:37

Te refieres a cambiar todos los valores del elemento BODY por los más convenientes?

EJ>

Código:

body {
     margin: 0;
     padding:0;
     text-align:left;
     etc...
     etc...
}

?

(Disculpa mi poco dominio en el tema)

Saludos!

jomaruro · #6 (**permalink**) 12/09/2010, 01:59

Hola:

Puedes encontrar información de lo que es un reset en css tanto en google, como en el capítulo 2 del manual css avanzado de www.librosweb.es

Saludos.

#7 (**permalink**) 12/09/2010, 03:21

Interesante, lo usaré, muchas gracias por hacermelo saber.
Saludos! :)