Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme d'espace vide

du peut etre au float

Sujet résolu
    5 mai 2006 à 10:09:55

    Bonjour,
    je suis en train de creer mon site en xhtml et css
    et je voulai que dans le corps deux parties soient cotes a cotes et les news en dessous
    voici une capture de mon site ici
    j'ai pensé mettre un float left au bloc en rouge
    et un float right au bloc en vert
    et je ne comprends pas tout l'espace qu'il y a entre les bloc rouges et le bloc news
    voici un bout de mon code qui correspond

    #corps
    {

    margin-left: 15em;
    border-bottom: 3px double #236AB3;
    border-left: 1px dashed #236AB3;
    padding: 1em;
    }
    #edito
    {

    float: left;
    padding: 1em;
    background: red;
    margin: 2em;
    }
    #edito h2                                                                           /*  TITRE BIENVENU  */
    {
    margin: 0 auto;
    width: 6em;
    color: #B9BDC1;
    text-align: center;
    border: dotted 1px #426E9D;
    padding: 0.1em;
    ;
    }
    #accueil                                                                              /* PARAGRAPHE DE BIENVENU */
    {
    text-align:center;
    width: 15em;
    background: url(../images/motif.jpg)  ;
    padding: 0.5em;
    border: groove 1px #A7C4E2;
    color: #AFC4D1;
    }
    #annonce                                                                                        /* BLOC DE L' EDITO */
    {
    padding: 1em;
    float: right;
    background: green;
    margin: 2em;
    }
    #annonce h3                                                                                          /*   TITRE EDITO  */
    {
    margin: 0 auto;
    width: 6em;
    color: #B9BDC1;
    text-align:center;
    border: dotted 1px #426E9D;
    padding: 0.1em;
    }
    #annonce p                                                            /* PARAGRAPHE EDITO */
    {
    width: 15em;
    background: url(../images/motif.jpg) ;
    padding: 0.5em;
    border: groove 1px #A7C4E2;
    color: #AFC4D1;
    }
    #blocnews
    {

    margin: 0;
    clear: both;
    border-top: solid 1px #426E9D;
    }
    .news
    {
    margin: 2em;

    }
    #blocnews h3
    {
    width: 6em;
    margin: 1em auto;
    text-align: center;
    color: #B9BDC1;
    border: dotted 1px #426E9D;
    padding: 0.1em;
    }
    #blocnews h4
    {
    text-align:center;
    margin: 0 auto;
    width: 9em;
    border-top: solid 1px #3388E0;
    border-left: solid 1px #3388E0;
    border-right: solid 1px #3388E0;
    padding-right: 0.5em;
    padding-left: 0.5em;
    color: #B9BDC1;
    background: url(../images/titre.jpg) ;
    }

    voila pouvez vous m'expliquer
    • Partager sur Facebook
    • Partager sur Twitter
      5 mai 2006 à 10:37:49

      essaye de mettre une margin-top:-300px; a ton bloc de news.
      • Partager sur Facebook
      • Partager sur Twitter
        5 mai 2006 à 13:48:29

        bon c'est réglé
        j'ai remplacé
        la propriété clear: both
        par l'attribut : right
        je comprends pas mais bon ça mache
        • Partager sur Facebook
        • Partager sur Twitter

        Probleme d'espace vide

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown