IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Problème de fixation en css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Inscrit en
    Septembre 2009
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Septembre 2009
    Messages : 3
    Par défaut Problème de fixation en css
    Salut.
    Je bosse en ce moment sur un projet avec des amis.Là on a un problème.On aimerait en fait fixer(en css) en bas un bloc de texte par rapport au l'écran ( pour que le bloc reste affiché malgré le défilement de l'écran grace à la scrollbar). J'ai beau cogiter,je ne trouve pas.
    On m'a parlé de background-attachment,mais cette propriété semble propre aux images de fond. De plus,je ne sais comment l'implémenter.
    Pour plus de clarté,voici le bloc que je veux fixer :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <table class="contentpaneopen">
        <tbody>
            <tr>
    	    <td align="center" valign="top" class="sheet">
                    Include en PHP
    	    </td>
    	</tr>
        </tbody>
    </table>

  2. #2
    Membre expérimenté Avatar de Damouille
    Inscrit en
    Avril 2006
    Messages
    268
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 268
    Par défaut
    Bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <table class="contentpaneopen fixed">
    <tbody>
    <tr>
    <td align="center" valign="top" class="sheet">
    <?php
    require_once("connectes.php"); /*Qui doit afficher le nombre de connectés et un lien vers le haut */
    ?>
    </td>
    </tr>
    </tbody>
    </table>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    .fixed {position:fixed;}

  3. #3
    Futur Membre du Club
    Inscrit en
    Septembre 2009
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Septembre 2009
    Messages : 3
    Par défaut Merci Damouille,mais,
    Je pige pas vraiment ! .fixed {position:fixed;},c'est ce que je flanque dans ma feuille de style externe.Ok .Mais sur qui cela s'applique exactement ?Sur table je suppose.
    Je demande ça parce que mis comme ça,ça foire.
    Help,je suis désespéré .

  4. #4
    Futur Membre du Club
    Inscrit en
    Septembre 2009
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Septembre 2009
    Messages : 3
    Par défaut Problème résolu
    J'ai trouvé une alternative sympa :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    table.contentpaneopen{
    position: fixed;
    vertical-align:bottom;
     
    bottom: 0px;
    }
    C'est ok.Merci !!!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WebForms][User Controls] Problème pour accéder aux CSS
    Par BouB dans le forum Général Dotnet
    Réponses: 2
    Dernier message: 04/12/2006, 16h35
  2. Problème de div et css
    Par fredhali2000 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 12/10/2006, 10h36
  3. Problème de décalage en CSS
    Par °°° Zen-Spirit °°° dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 10/10/2006, 18h52
  4. [Servlet] Problème requestDispacher.forward et CSS
    Par K-Kaï dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 06/07/2006, 12h58
  5. Problème de Bordure en CSS, avec I.E
    Par Stitchover dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 25/04/2006, 16h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo