problème d'affichage avec flexbox et un conteneur par Nicolas Hesse - page 1

bonjour je suis un débutant j'ai fait un site perso avec flex box mais les box ne warp pas je pense que c'est a cause du conteneur quelqu'un peut me dire se qui ne va pas merci

<!DOCTYPE html>
<html lang="fr">
<head><meta http-equiv="Content-Type" content="text/html/img; charset=utf-8"><link rel="apple-toutch-icon" href="connect.png"><link rel="icon" type="image/png" href="connect.png"> <link rel="stylesheet" href="style.css"></head>
<body>
    <div id="conteneur">
<header>
    <div id="baniereconteneur">
        <h1 class="titre">FORMULAIRE D'INSCRIPTION</h1>
        <a href=""><img id="ctnbtn" src="connect.png" alt="connection btn"></a>
    </div>
    <div id="bannierestyle">
        <div id="ligne"></div>
        <img id="baniere" src="1.png" alt="bandeau réseaux">
    </div>
</header>
<form action="treat.php" method="POST">
    <fieldset id="formconteneur">
        
        <label" for= "compteréseaux"></label>
        <input type="text" name="compteinsta" id="compteinsta" placeholder="compte instagram" required>
        <input type="text" name="comptersx" id="comptersx" placeholder="autres réseaux" required>
        <input type="email" name="email" id="email" placeholder="email" required>
        <input type="tel" name="tel" id="tel" placeholder="n° telephone" required>
        <input type="number" min="15" max="99" placeholder="age">
        <label for="pays"></label>
        <select name="pays" id="pays" required>
            <option value="france">france</option>
            <option value="suisse">suisse</option>
            <option value="engleterre">engleterre</option>
            <option value="espagne">espagne</option>
            <option value="allemagne">allemagne</option>
            <option value="luxembourg">luxembourg</option>
            <option value="irlande">irlande</option>
            <option value="none" selected disabled>pays</option>

        </select>
        <input value="soumettre ma candidature" id="okbtn" type="submit">
        
    </fieldset>
</form>
<footer>
    <div id="footerbnd"></div>
</footer>
</div>
</body>
</html>

*
{
    user-select:none;
}
html
{
    margin:auto;
    max-width: 100%;
    min-width: 0%;
}
#conteneur
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1905px;
    height: 950px;
    margin: auto;
}
#baniereconteneur
{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    flex-grow: inherit;
}
#ctnbtn
{
    width: 60%;
}
.titre
{
    font-family: helvetica;
    font-weight:normal;
    font-style:normal;
    font-size: 140%;
}
#ligne
{
   width: 100%;height: 1px; background-color: black;top: 2%;left: 0%;
}
#bannierestyle
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
#baniere
{
    display: flex;
    width: 100.5%;
    filter: drop-shadow(10px 2px 3px rgb(148, 148, 148));
}
#formconteneur
{  
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:center;
    width: 300px;
    height: 150px;
    border-radius: 0%;
    background-color: rgb(133, 133, 133);
    opacity: 100%;
    margin: auto;
    top: 15px;

}
#okbtn
{
}
#footerbnd
{
    width: 100%;height: 2px; background-color: rgb(126, 126, 126);
}

problème d'affichage avec flexbox et un conteneur

problème d'affichage avec flexbox et un conteneur

Supprimer

Modérer

Signaler le message aux modérateurs