Faire coller une div aux bords de la page

Discussion dans 'Web, design' créé par julien_, 26 Décembre 2007.

Statut de la discussion:
Fermée.
  1. Offline
    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
    julien_, 26 Décembre 2007
    #1
  2. Offline
    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
    julien_, 26 Décembre 2007
    #2
  3. Offline
    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 ...
    THiBOo, 26 Décembre 2007
    #3
  4. Offline
    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...
    julien_, 26 Décembre 2007
    #4
  5. Offline
    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.
    THiBOo, 27 Décembre 2007
    #5
Statut de la discussion:
Fermée.