Faire coller une div aux bords de la page

Statut
N'est pas ouverte pour d'autres réponses.

julien_

harkor.be
Voilà, je cherche à coller une div aux bords de la page et la div a comme propriété de faire 100%.

Code:
<div id="banniere" style="width: 00%;background:black;height: 350px;margin: 0;">
</div>
Je ne comprends pas pourquoi ça ne cole cole pas... Biensûr je pourrai faire des marges négatives mais j'aimerai obtenir un résultat tel que même celui qui a 5000 de résolution n'a pas la barre qui s'arrête à un moment...
Quelle est la solution?

Sur ce site par exemple la bannière en haut colle bien tout en haut et colle bien aux bords... De même pour le pied de page...

A la limite pour la bannière, il suffit de créér une fine ligne et de la mettre en background a répéter sur l'axe des x.
Mais il y a toujours un problème avec le footer pour qu'il soit bien collé à gauche et à droite...

Merci d'avance
 
1er
OP
julien_

julien_

harkor.be
J'ai enfin trouvé...
Il faut ajouter à la div qui doit être collée
top:0 pour coller au dessus
left: 0 coller à gauche
bottom: 0 coller en bas
right: 0 coller à droite mais si on met 100% c'est ok avec le left:0
 

THiBOo

Elite
C'est assez moche de ne pas utiliser de CSS déjà, c'est même absolument odieux :-(
Ensuite, il faudrait que tu nous donnes le code de tte ta page ...
 
1er
OP
julien_

julien_

harkor.be
C'est du CSS mais j'ai mis le code direct dans la div pour pas faire pleins de balises sur le topic :p

De plus j'ai trouvé...
Code:
body {
       margin: 0;
}
J'avais tout essayé sauf ça :-s

Je retire ce que j'ai dis avant...
 

THiBOo

Elite
Alors raison de plus, si tu utilises du CSS, tu aurais du nous le donner ainsi que le code entier de ta page, vu que tu n'es pas sans connaître le concept d'héritage du CSS :)

Sinon, un conseil, il est de bonne pratique de généralement mettre ceci au début de tes pages CSS :

Code:
* {
	margin:0px; 
	padding:0px;
}
Cela évite pas mal de souci de ce genre.
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut