Exercice 20/25

  • Dans le fichier stylesheet.css, attribuez la propriété position et sa valeur fixed au div enfant;
  • Précisez la valeur de décalage bottom: 0, left: 150px;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 20/25

Dans cet exercice, vous allez attribuer un positionnement fixe au div enfant.

Il s'agit donc de dire à l'élément concerné de se placer à un endroit fixe par rapport aux limites de la page web.

Commentaires les mieux notés

18 Commentaires

  • terence.daco-16

    terence.daco-16

    Bonjour, pouve-zvous me dire mon erreur?

    le 05/02/2022 à 23h08

  • meriam

    meriam Admin

    Bonjour, au niveau de cette ligne position : bottom :0, left: 150px; il faut supprimer la propriété position

    le 07/02/2022 à 10h34

  • KOROSI

    KOROSI

    Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?

    le 26/08/2021 à 19h53

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 30/08/2021 à 02h53

  • deboval.laurine-89

    deboval.laurine-89

    Bonsoir, le bouton "soumettre" ne fonctionne pas pour cet exercice

    le 16/03/2021 à 17h17

  • meriam

    meriam Admin

    Bonjour, le bouton soumettre fonctionne correctement.

    le 17/03/2021 à 13h29

  • fouzia.hollande-36

    fouzia.hollande-36

    Bonjour, je ne comprends pas mon erreur! #enfant { height: 100px; width: 50px; border: 1px solid black; position: fixed; bottom: 0; left: 150px; }

    le 19/11/2020 à 11h20

  • meriam

    meriam Admin

    Bonjour, ne touchez pas le code d'origine, pour le sélecteur de type id #enfant { }, vous avez supprimé la propriété background-color et sa valeur. Cliquez sur le bonton "reset" pour récupérer le code d'origine.

    le 19/11/2020 à 12h08

  • hansmoubamba-9

    hansmoubamba-9

    Merci c'etait ca!! le point virgule(;) vraiment deliquat.

    le 12/06/2019 à 11h50

  • meriam

    meriam Admin

    il faut toujours séparer les propriétés par un point virgule ;

    le 12/06/2019 à 13h46

  • meriam

    meriam Admin

    il faut toujours séparer les propriétés par un point virgule ;

    le 12/06/2019 à 13h46

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Le positionnement fixe</title> </head> <body> <div id="parent"> <div id="enfant"></div> </div> </body> </html>
#parent { height: 500px; width: 100px; border: 2px solid black; background-color: #4D94FF; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; }