27191 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai conscience que cette demande à déjà du être formulé, néanmoins après beaucoup de recherche je sèche.

En gros j'ai un problème avec mon footer, il ne veut pas prendre le width à 100%, il reste toujours en left, bottom et right du blanc.

Voici le HTML
<footer>
        <p id="copyright">Dupond & Dupont © 2020</p>
</footer>


Et le CSS
footer {
    /*FlexBox*/
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /*Position*/
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    /*Dimension*/
    height: 3rem;
    /*Fonts*/
    font-family: "neo-sans";
    font-size: 1rem;
    /*Visual*/
    background-color: dimgrey;
    color: white;
    box-shadow: 0 1px 5px 2px #191919;
}


Vous trouverez également une image qui vous expliquera mon problème.
upload/1591398423-80143-footer.png
En vous remerciant d'avance,
JohnXIV.
Modifié par JohnXIV (06 Jun 2020 - 01:07)
Coucou John, essaye de rajouter ça à ton css :


* {
padding: 0;
margin: 0;
}


En CSS, l'étoile permet de tout sélectionner. En gros on veut que tous les éléments html aient une marge et un padding null.
Bonne soirée
Meilleure solution
vzytoi a écrit :
Coucou John, essaye de rajouter ça à ton css :


* {
padding: 0;
margin: 0;
}


En CSS, l'étoile permet de tout sélectionner. En gros on veut que tous les éléments html aient une marge et un padding null.
Bonne soirée


Salut !
Je tiens à te remercier Smiley smile it work !
Bonne journée à toi.
JohnXIV