Exercice 22/25

  • Dans le fichier stylesheet.css (ligne 10), ajoutez la propriété nécessaire pour fixer le div "header";
  • Cliquez sur soumettre ma réponse pour passer à la suite;

Leçon 22/25

L'objectif de cet exercice est de positionner de manière permanente le div "header" en haut de page.

Commentaires les mieux notés

  • 09.maria.mihaela-22

    Je ne comprend pas mon erreur.

  • vanessafrancois78930-24

    bonsoir, désolée mais je comprend pas ce que veut dire "fixer"?

  • clad91130-95

    l'exercice a l'air simple mais je n'arrive pas à le résoudre

  • vimalsurti01-86

    Dsl j'ai envoyé le msg avant meme que j'ai pu finir d'ecrire du coup je ne comprend pas mon erreur:Vous ne devez modifier que 3 propriété css de la balise #header

9 Commentaires

  • vanessafrancois78930-24

    vanessafrancois78930-24

    bonsoir, désolée mais je comprend pas ce que veut dire "fixer"?

    le 12/12/2018 à 22h54

  • meriam

    meriam Administrateur

    pour fixer le div header , utilisez la propriété position et sa valeur fixed.

    le 13/12/2018 à 15h54

  • clad91130-95

    clad91130-95

    l'exercice a l'air simple mais je n'arrive pas à le résoudre

    le 24/06/2018 à 21h51

  • mram

    mram Administrateur

    Bizarre, ligne 10 vous avez mis la propriété demandée. Normalement c'est bon.

    le 28/06/2018 à 03h24

  • benon.thierry-92

    benon.thierry-92

    il faut absolument éviter les copier coller qui peuvent rajouter des caractères invisible!

    le 16/08/2018 à 13h04

  • mram

    mram Administrateur

    Généralement le copier / coller n'est pas conseillé; surtout quand on débute pour apprendre ça n'aide pas forcément.

    le 17/08/2018 à 06h46

  • CC.013

    CC.013

    j'ai trouvé un espace après position

    le 06/03/2019 à 12h10

  • takfa

    takfa

    solution:

    le 24/10/2019 à 22h42

  • takfa

    takfa

    #header { border: 3px solid #2196F3; height: 80px; position:fixed;

    le 24/10/2019 à 22h43

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Rappel 2 sur 5</title> </head> <body> <div id="header"> <span class="corner1">&lt;div id="header"&gt;</span> <span class="corner2">&lt;/div&gt;</span> </div> <div id="menu"> <span class="corner1">&lt;div id="menu"&gt;</span> <span class="corner2">&lt;/div&gt;</span> </div> <div id="body"> <span class="corner1">&lt;div id="body"&gt;</span> <span class="corner2">&lt;/div&gt;</span> </div> <div id="footer"> <span class="corner1">&lt;div id="footer"&gt;</span> <span class="corner2">&lt;/div&gt;</span> </div> </body> </html>
#header, #menu, #body, #footer { position: relative; } span { padding : 1px; } #header { border: 3px solid #2196F3; height: 80px; /* Ajoutez la propriété nécessaire ici */ } #header span { background-color: #2196F3; } #menu { border: 3px solid #8BC34A; height: 500px; } #menu span { background-color: #8BC34A; } #body { border: 3px solid #E91E63; height: 500px; } #body span { background-color: #E91E63; color: #ffffff; } #footer { border: 3px solid #673AB7; height: 50px; } #footer span { background-color: #673AB7; color: #ffffff; } .corner1 { position: absolute; top: 0; left: 0; } .corner2 { position: absolute; bottom: 0; right: 0; }