Sos css !

bonjour
je suis en train de tester une version de JAlbum:
https://www.unesourisetmoi.info/alb/index.php
mais la div qui affiche le script est beaucoup trop petite ....
problème de css certainement que je ne situe pas !
merci de ne répondre que pour donner une solution concrète
@+
bg



--
le 'www' est fait aussi pour communiquer, partager et échanger, non ?
merci d'avoir la politesse de répondre à ceux qui essaient de vous aider

11 réponses

  1. Salut.
    Il faut préciser une hauteur en CSS, par défaut elle vaut 150px (sous Webkit, je suppose que c'est +/- la même chose sur les autres (Trident, Gecko, ...)).
    1. Modérateur
      oui ... mais dans quelle css et sur quelle ligne ??? c'est là que je coince ...
      1. Tu peux le mettre directement sur la balise iframe via l'attribut style.

        Ou dans le CSS de ta page mère (index.css,) :
        #mySlide
        {
          frameborder: 0;
          border: 0;
          width: 100%;
          height: 150px;
        }


        Si tu veux utiliser le height à 100%, il faut mettre un height:100% sur html et body :
        html, body {
            /* Autres propriétés */
            height:100%;
            width:100%;
        }

        Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
        1. Modérateur
          en local :
          #mySlide
          {
          frameborder: 0;
          border: 0;
          width: 100%;
          height: 300px;
          /* height: 100%;*/
          }
          les "autres propriétés" sont déjà dans la css ... ça passe un peu mieux
          mais je viens aussi de m'apercevoir que je n'ai pas (même en ligne) le footer de la page, pas de barre de scroll vertical ^^
          c'est quoi ce binZZZ !?
        2. Modérateur
          ou plutôt plus j'augmente "height" , plus je fais disparaître le bas sans possibilité de scroller ...
        3. Essaye en ajoutant overflow:scroll;
        4. Modérateur
          où et quel libellé exact ?
        5. à "html, body"
      2. Contributeur
        Salut.
        J'ai juste testé avec firebug, mais en ajoutant une hauteur à <div class="content"> tout le reste suit.
        Après, à voir si ca fonctionne partout.
        1. Modérateur
          le problème c'est que cette classe est la même pour toutes les pages et je ne peux pas la modifier pour une seule ....
        2. Contributeur
          Et tu peux pas la forcer avec un id ou en mettant le style directement dans la balise ?
      3. Modérateur
        si je mets ceci :
        body,html 
        { 
          overflow-y: hidden; 
          overflow-x: hidden; 
          overflow:scroll; 
          margin: 0; 
          background-color: #191919; 
          color: #666666; 
          width: 100%; 
          height: 100%; 
        } 
        

        même en annulant les deux premières ligne ça me donne 2 barres de scroll à droite et une inutile en bas !!!
        par contre si je fais ceci :
        body,html
        {
         /* overflow-y: hidden;
          overflow-x: hidden;
          overflow:scroll;*/
          margin: 0;
          background-color: #191919;
          color: #666666;
          width: 100%;
          height: 100%;
        }
        

        ça à l'air de mieux passer avec une seule barre de scroll à droite
        mais (en local je suis !) il doit y avoir un bug côté script car rafraîchir la page ou vouloir cliquer sur un lien, même vouloir revenir ici sur l'onglet de ccm c'est une vraie galère ....
        le 'www' est fait aussi pour communiquer, partager et échanger, non ?
        merci d'avoir la politesse de répondre à ceux qui essaient de vous aider
        1. Remplace "scroll" par "auto".
          Je pense que cette fois ci, c'est la bonne :)
          1. Modérateur
            je viens de tester là ça le fait pas du tout ...
        2. Modérateur
          je viens de mettre à jour en ligne
          tu peux aller sur la page pour tester !!!
          une vraie galère pour naviguer dans le menu ou les onglet de firefox ...
          quand on passe maintenant sur les liens du menu ils disparaissent et si l'on clique faut attendre un temps fou pour voir arriver une page ...
          je stoppe pour ce soir !
          si tu as qq chose à me proposer comme solution, vas y je testerai demain matin ...
          @+
          le 'www' est fait aussi pour communiquer, partager et échanger, non ?
          merci d'avoir la politesse de répondre à ceux qui essaient de vous aider
          1. Ça fonctionne très bien sur Chrome (et donc Safari) et Firefox ...
            1. Modérateur
              j'ai rechangé la hauteur ...
              c'est que sous chrome pas de problèmes
              sous FF ça coince, rafraîchissement de la page ou utilisation du menu
              sous IE8 alors là c'est le look lui même qui n'est plus pareil et qq problèmes comme sous FF
              doit y avoir des conflits en CSS ou en JavaScript ... mais lesquels ???
              1. Modérateur
                le casse-tête !!
                ^^
                ça coince par moment et ça change selon les navigateurs !