Partage
  • Partager sur Facebook
  • Partager sur Twitter

Taille fixe puis variable au boiut d'une certaine taille

Sujet résolu
Anonyme
    16 octobre 2006 à 17:58:30

    Bonjour,

    Jai un cadre contenu avec une feuille de style et je souhaite avoir une taille fixe de 800 px minimum et que ce cadre s'agrandise en hauteur si mes données que j'affiche dedans dépasse ses 800px.

    Comment faire ?

    Voilà mon code actuel de ma feuille de style :

    Citation : Code

    #contenu
    {
    margin-top: 40px;
    border: 0px solid black;
    width: 80%;
    height: 110%;
    margin-left: 18%;
    background-color: #F0F0F0 ;
    border: 1px solid #3497FC;

    }



    ce n'est aps très beau sur les pages ou je n'ai presque rien car ça me fait un cadre tout petit.

    Merci
    • Partager sur Facebook
    • Partager sur Twitter
      16 octobre 2006 à 18:02:05

      #contenu
      {

      margin-top: 40px;
      border: 0px solid black; /* ca sert à quoi le solid black ? */
      height: auto !important; /* tous sauf IE */
      min-height: 800px; /* tous sauf IE */
      height: 800px; /* IE */
      width: 80%;
      margin-left: 18%;
      background-color: #F0F0F0 ;
      border: 1px solid #3497FC;
      }
      • Partager sur Facebook
      • Partager sur Twitter
        16 octobre 2006 à 21:13:57

        jaurais mis un overflow:auto; avec un max-height moi, enfin je sais pas si j'ai bien compris son problème ^^
        • Partager sur Facebook
        • Partager sur Twitter
        Anonyme
          17 octobre 2006 à 8:53:45

          Merci de vos réponses

          Oui le min height me convient mais personne n'as une solution pour IE...

          Merci d'avance.
          • Partager sur Facebook
          • Partager sur Twitter
            17 octobre 2006 à 9:13:07

            Struky t'as mis une solution pour IE. IE interprête le height comme un min-height, il faut donc donner unniquement à IE un height de 800, ce qu'il a fait plus haut en utilisant le "hack" du !important que IE 6 n'interprête pas. Tu peux aussi l'attribuer avec les comemntaires conditionnels, par exemple.
            • Partager sur Facebook
            • Partager sur Twitter
            Anonyme
              17 octobre 2006 à 9:19:00

              Oki merci j'avais zappé mais c'est le matin...

              Dernière petite question ça sert à quoi le :

              Citation : Pas de titre

              height: auto !important;




              Merci !
              • Partager sur Facebook
              • Partager sur Twitter
                17 octobre 2006 à 9:50:05

                le !important signifie au navigateur que cette règle doit primer même si elle est redéfinie par après (contrairement à la règle de base des css qui veut que cela soit la dernière déclaration qui est appliquée). Pour tous les navigateurs récent qui la comprennent, c'est donc la valeur auto qui est appliquée au height, par contre vu que IE ne l'interprète pas, il prend la dernière valeur spécifié, soit 800px,
                • Partager sur Facebook
                • Partager sur Twitter
                Anonyme
                  17 octobre 2006 à 9:59:43

                  Merci à vous de vos réponse !!
                  • Partager sur Facebook
                  • Partager sur Twitter

                  Taille fixe puis variable au boiut d'une certaine 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