Fixer une forme au bas de l'écran en HTML
Résolu/Fermé
basilegrnd
Messages postés
4
Date d'inscription
mercredi 24 mars 2021
Statut
Membre
Dernière intervention
6 avril 2021
-
24 mars 2021 à 15:05
diablo13800 Messages postés 2890 Date d'inscription jeudi 2 juillet 2015 Statut Membre Dernière intervention 16 février 2024 - 24 mars 2021 à 16:29
diablo13800 Messages postés 2890 Date d'inscription jeudi 2 juillet 2015 Statut Membre Dernière intervention 16 février 2024 - 24 mars 2021 à 16:29
A voir également:
- Fixer une forme au bas de l'écran en HTML
- Mise en forme conditionnelle excel - Guide
- Double ecran - Guide
- Capture d'écran samsung - Guide
- Ecran noir pc - Guide
- Ecran d'accueil iphone - Guide
4 réponses
diablo13800
Messages postés
2890
Date d'inscription
jeudi 2 juillet 2015
Statut
Membre
Dernière intervention
16 février 2024
1 844
Modifié le 24 mars 2021 à 15:43
Modifié le 24 mars 2021 à 15:43
Bonjour,
Il vous manque ceci dans votre classe taskbar :
Il vous manque ceci dans votre classe taskbar :
bottom:0;
position:fixed;
basilegrnd
Messages postés
4
Date d'inscription
mercredi 24 mars 2021
Statut
Membre
Dernière intervention
6 avril 2021
24 mars 2021 à 15:45
24 mars 2021 à 15:45
Salut, mais ce n'est plus centré, et j'aimerais bien qu'il y ait un peu d'espace entre le bas de l'écran et la boîte div :/
diablo13800
Messages postés
2890
Date d'inscription
jeudi 2 juillet 2015
Statut
Membre
Dernière intervention
16 février 2024
1 844
24 mars 2021 à 15:59
24 mars 2021 à 15:59
Bonjour,
Elle n'était pas centré de base....
Passé par une div intermédiaire :
et le CSS:
Si vous voulez un peu d'espace, remplacé le "bottom:0" par ce que vous voulez comme espace.
Elle n'était pas centré de base....
Passé par une div intermédiaire :
<div class="center">
<div class="taskbar"></div>
</div>
et le CSS:
.taskbar{
width:600px;
height:100px;
background:white;
opacity:70%;
font-family:"SF UI Display";
justify-self: bottom;
margin:auto;
}
.center{
position: fixed;
display: flex;
place-items: center;
bottom: 0;
width: 100%;
justify-content: center
}
Si vous voulez un peu d'espace, remplacé le "bottom:0" par ce que vous voulez comme espace.
basilegrnd
Messages postés
4
Date d'inscription
mercredi 24 mars 2021
Statut
Membre
Dernière intervention
6 avril 2021
24 mars 2021 à 16:03
24 mars 2021 à 16:03
Merci beaucoup, ça a marché ! Pour le coup en modifiant le 0 de bottom ça annulait le fixement en bas, alors j'ai modifié le margin. Encore merci !
diablo13800
Messages postés
2890
Date d'inscription
jeudi 2 juillet 2015
Statut
Membre
Dernière intervention
16 février 2024
1 844
24 mars 2021 à 16:29
24 mars 2021 à 16:29
Il serait pas entièrement fixé en bas du bas :)
Si vous avez d'autres questions hésité pas.
Et n'oubliez pas de passer le sujet en "résolu"
Si vous avez d'autres questions hésité pas.
Et n'oubliez pas de passer le sujet en "résolu"