Besoin d'aide en CSS - Page HTML

Résolu
Bonjour,

Je suis en train d'essayer de réaliser un site web avec ce que j'ai appris, mais là, il y a un truc que je n'arrive pas à faire, j'aimerais qu'une bande avec écrit le nom du site soit en position fix et qui fais de la gauche à la droite de la page. En gros, je demande si quelqu'un voudrait bien m'aider et essayer de réaliser un petit code CSS pour celà. J'ai un ScreenShot pour que vous compreniez mieux:http://image.noelshack.com/fichiers/2012/32/1344541793-help.png

PS: Pour ceux qui veullent bien m'aider, mettez des commentaires pour ce que je devrais compléter moi même. (Si quelqu'un veut bien m'aider bien sûre)

<config>Windows XP / Google Chrome</config>

5 réponses

  1. Bonsoir

    Essaye d'enlever les "marges".
    body {margin:0; padding:0;} //mettre dans le css
    et dis moi si ça marche, ou poste ton code css ici
    1. Ca ne fonctionne pas, tiens mon code CSS:

      #header{
      width:100%;
      min-height:70px;
      max-height:70px;
      background-image:url(images/header.png);
      background-attachment:fixed;
      margin-top:0px;
      top:0;
      position:fixed;
      line-height: 70px;
      }
      1. Modérateur
        1 - 'up' ne sert à rien
        2 - bon conseil : inscris (qui ne coûte rien !!!) serait bien mieux venu sur le forum
        ;)
        1. as tu mis, comme je le pense, ton header dans le body ?

          colle nous ton code css que l'on puisse voir si il y à un problème
          1. Non, mon header est dans #header
            Et mon code CSS du Header est posté plus haut :3

            Enfin, si vous voulez le total:
            #header{ 
            width:100%; 
            min-height:70px; 
            max-height:70px; 
            background-image:url(images/header.png); 
            background-attachment:fixed; 
            margin-top:0px; 
            top:0; 
            position:fixed; 
            line-height: 70px; 
            } 
            #header a{ 
                color: #FFF; 
                text-decoration: none; 
            } 
            #header a:hover{ 
                color: #FFF; 
                text-decoration: underline; 
            } 
            
            #left{ 
                margin-top:5px; 
                margin:0; 
                padding:0; 
            } 
            


            Mes à tous d'essayer de m'aider :D
            1. body, html {
              width: 100%;
              height: 100%;
              margin: 0;
              padding: 0;
              }

              #header {
              position: fixed;
              width: 100%;
              height: 70px;
              background-image: url(images/header.png);
              background-attachment:fixed;
              margin: 0;
              }
            2. Merci, tu es mon dieu, malheuresement, je ne peux pas faire un +1 a ta réponse, car tu as posté en mode "Commentaire" :/ Mais, ca fonctionne, c'était ça ! Merci ^^
            3. Super !

              Un simple passage du sujet en résolu, ça suffira ;-)

              A+

              ps : tu peux virer "background-attachment:fixed;" dans le #header, il ne sert à rien vu qu'il y a déjà "position: fixed;"
            4. Modérateur
              +100 ;)
            5. C'est fais, et ok Sebooch, je l'ai enlevé :D