Partage
  • Partager sur Facebook
  • Partager sur Twitter

Probleme de taille !

pour le menu et le corp !

Sujet résolu
    2 avril 2006 à 20:16:39

    Bonjour !

    J'ai un probleme avec la taille de mes deux block menu et corp !

    Voici l'adresse du site : http://www.a-gain.net/nest2/test.php

    J'aimerai que le menu prenne la taille du block bleu ciel(ou il y a le texte), et donc varier en fonction de ce dernier.

    Comment faire ?

    /* CSS Document */

    body
    {
    background-color:#0000FF;
    width:800px;
    margin:auto;
    overflow:visible;
    }


    #haut
    {

    background-color:#CC99FF;
    height:150px;
    margin-top:5px;
    margin-bottom: 10px;
    }

    #menu
    {

    background-color:#00FF00;
    width: 120px;
    float:left;
    min-height:500px;
    }

    #milieu
    {

    background-color:#33CCFF;
    margin-left: 130px;
    width:670px;
    min-height:500px;
    max-width : 670px;
    text-align: justify;
    }

    #bas
    {

    height:100px;
    background-color:#FFFF66;
    margin-top:10px;
    }

    h4
    {
    margin:0px;
    padding:0px;
    }


    C'est ma page css
    • Partager sur Facebook
    • Partager sur Twitter
      2 avril 2006 à 20:24:12

      Salut,

      Rajoutes un bloc qui contiendra le menu et le corps, dans lequel sera défini le background du menu.

      Ensuite pour feinter l'espacement entre le menu et le corps, utilises un border-left de la couleur du body sur ton corps et on n'y verra que du feu.
      • Partager sur Facebook
      • Partager sur Twitter
        2 avril 2006 à 20:33:41

        salut, merci pour ta reponse, cependant au niveau de l'espace entre le menu et le corp sa passe pas..

        #milieu
        {

        background-color:#33CCFF;
        margin-left: 130px;
        width:670px;
        min-height:500px;
        max-width : 670px;
        text-align: justify;
        border-left-color:#0000FF;
        border-left-width:5px;
        }


        Et regarde ce que sa fait : http://www.a-gain.net/nest2/test.php
        • Partager sur Facebook
        • Partager sur Twitter
          2 avril 2006 à 20:59:13

          Modifie cette ligne :

          border-left-color:#0000FF;


          en

          border-left:#0000FF 5px solid;


          et enlève

          border-left-width:5px;
          • Partager sur Facebook
          • Partager sur Twitter
            2 avril 2006 à 21:08:09

            J'ai modifié ton css.

            /* CSS Document */

            body
            {
            background-color: #0000FF;
            width: 800px;
            margin: auto;
            }


            #haut
            {

            background-color: #CC99FF;
            height: 150px;
            margin-top: 5px;
            margin-bottom: 10px;
            }

            #corp
            {

            background-color: #00FF00;
            }

            #menu
            {

            background-color: #00FF00;
            width: 120px;
            float: left;
            }

            #milieu
            {

            background-color: #33CCFF;
            margin-left: 130px;
            min-height: 500px;
            text-align: justify;
            border-left: 10px solid #0000FF;
            }

            #bas
            {

            height: 100px;
            background-color: #FFFF66;
            margin-top: 10px;
            }

            h4
            {
            margin: 0;
            padding: 0;
            }
            • Partager sur Facebook
            • Partager sur Twitter
              2 avril 2006 à 21:12:05

              Merci beaucoup a vous ! sa marche tres bien !!
              • Partager sur Facebook
              • Partager sur Twitter

              Probleme de taille !

              × 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