28172 sujets

CSS et mise en forme, CSS3

Form ne pousse pas la div conteneur

Salut à tous Smiley smile
J'ai un problème de div parent qui laisse déborder un form alors qu'il est à l'interieur

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<style>
div#conteneur{
    background: url('../img/site/msg_middle.png') 0 0 repeat-x;
    background-size: 100% 100%;
    background-repeat: repeat-y;
    width: 91%;
    margin: 0 5% 0 4%;
    padding: 0;
    border: 0;
}
form{
    width: 100%;
    margin: 0;
    padding: 5px 0 0 0;
    border: 0;
}
</style>
</head>
<body>
    <div id="conteneur">
        <form><!-- ici le contenu du form --></form>
    </div>
</body>


Comment doit on faire pour avoir le resultat de la seconde figure du tuto de Raphaël ? ("1- Débordement de flottants")

Merci d'avance Smiley cligne
Modifié par beroots (19 Mar 2013 - 12:14)
Bonjour,

Manque l'encodage et le titre sur ton document...
Peut-on voir une page de test en ligne où tu constates le souci que tu rencontres ?
désolé mais rien en ligne. Voici une snapshoot
l'encodage à été rajouter Smiley cligne

l'objectif est que le formulaire soit dans la div blanche du dessus et centrer horizontalement.
Modifié par beroots (19 Mar 2013 - 12:13)
Re,

Le code posté est assez succinct, difficile de jouer aux devinettes (Positionnement ? Styles parasitaires ?)
Si les éléments sont flottants, un overflow:hidden sur le "block conteneur" devrait pouvoir endiguer ce dépassement, mais il se peut que le problème soit ailleurs et se résolve autrement...
Le code complet ?
Sujet clos
Aller à