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

15 Commentaires

  • takfa

    takfa

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

    le 24/10/2019 à 18h43

  • takfa

    takfa

    solution:

    le 24/10/2019 à 18h42

  • CC.013

    CC.013

    j'ai trouvé un espace après position

    le 06/03/2019 à 10h10

  • vanessafrancois78930-24

    vanessafrancois78930-24

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

    le 12/12/2018 à 20h54

  • meriam

    meriam Admin

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

    le 13/12/2018 à 13h54

  • benon.thierry-92

    benon.thierry-92

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

    le 16/08/2018 à 09h04

  • mram

    mram Admin

    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 à 02h46

  • Dev91

    Dev91

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

    le 24/06/2018 à 17h51

  • mram

    mram Admin

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

    le 27/06/2018 à 23h24

Pour publier un commentaire, vous devez vous connecter.
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; }
http://localhost:8080