Partage
  • Partager sur Facebook
  • Partager sur Twitter

Site collé en haut et en bas de la page

Sujet résolu
nioki
    19 mai 2006 à 18:42:53

    Comment faire pour que mon site soit collé en haut et en bas de la page du navigateur, tout le temps, je veux dire pas comme actuellement...

    Mewkstudios.com V.5 (faites pas gaffe aux erreurs php si y'en a)

    html, body {
                    height:100%;
                    margin:0;
    }

    body {
                    font-family:arial;
                    color: #242424;
                    font-size: 12px;
                    background:url(images/fond.png) #666;
    }

    #global {
                    background: url(images/corps.jpg) #333;
                    background-repeat: repeat-y;
                    position: relative;
                    min-height:100%;
                    margin:auto;
                    width:631px;
    }

    #header {
                    background:url(images/header.jpg) #111;
                    background-repeat:no-repeat;
                    height:26px;
                    width:610px;
                    color: #FFFFFF;
                    line-height: 2em;
                    text-align:center;
                    padding-top:177px;
                    padding-right:19px;
                    text-align:right;
    }

    .header {
                    font-family:verdana;
                    padding-right:2px;
                    font-size:10px;
                    color:red;
                    text-decoration:underline;
                    text-decoration:none;
    }

    .header:hover {
                    color:red;
                    font-family:verdana;
                    font-size:10px;
                    border-bottom:1px dotted red;
    }

    .header p {
                    color:red;
    }

    #menu {
                    color:black;
                    width:150px;
                    margin-top: 0px;
                    padding-top:0px;
                    padding-left:18px;
                    background:url(images/menu.jpg) #555;
                    background-repeat:repeat-y;
                    position:absolute;
                    top:204px;
                    bottom:20px;
                    text-align:left;       
                    line-height : 13px;
    }

    #contenu {
                    padding-right:18px;
                    margin-left: 173px;
                    position:absolute;
                    min-height:100%;
                    top:200px;           
                    line-height : 1.2em;   
                    text-align:justify;          
    }

    #contenu p {
                    font-size:12px;
                    padding-top:2px;
                    margin:0px;
                    color:#D0D0D0;
                    text-align:justify;
    }

    #contenu p:first-letter {
                    color: #FF0000;
                    font-weight:bold;
    }

    #footer
    {
                    background:url(images/footer.jpg) #444;
                    background-repeat:no-repeat;
                    height:20px;
                    position: absolute;
                    bottom: 0px;
                    width:631px;
                    text-align: right;
                    line-height:20px;
    }

    a {
                    text-decoration:none;
                    color: #FFA800;
    }

    a:hover {
                    text-decoration:none;
                    color:#FFA800;
                    border-bottom:1px dashed #FFA800
    }

    a:focus {
                    text-decoration:none;
                    color:white;
                    background-color:#FFD584;
    }

    #menu a {
                    text-align:left;
                    text-decoration:none;
                    color:#D2D2D2
    }

    #menu a:hover {
                    text-align:left;
                    border:0px;
                    color:#FFFFFF;
                    text-decoration:none;
    }

    .titre_m {
                    padding-left:1px;
                    color:#000000;
                    padding-bottom:0px;
                    margin-bottom:2px;
                    margin-top:1px;
                    font-weight:bold;
                    border-bottom:1px solid black;
                    margin-right:2px;
                    line-height : 1em;
    }

    .titre_m:first-letter {
                    color:#840000;
    }

    .haut_top {
                    text-align:right;
    }

    .ico
    {
    color: #D70000;
    }


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="css.css" />
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <link rel="start" title="Accueil" href="index.php" alt=" :p ">

    <!-- Titre de la page-->
    <title>Mewkstudio's V.5</title>
    </head>
    <body>
    <div id="global">
    <div id="header">
    <a href="#" class="header">ACCUEIL</a> - <a href="#" class="header">GALERIE</a> - <a href="#" class="header">TARIFS</a> - <a href="#" class="header">STAFF</a>
    <!-- Block Menu -->
    <div id="menu" >
    <p class="titre_m">Menu:</p>
    <span class="ico">» </span><a href="#">Test</a><br />
    <span class="ico">» </span><a href="#">Test</a><br /><br />
    <p class="titre_m">Menu:</p>
    <span class="ico">» </span><a href="#">Test</a><br />
    <span class="ico">» </span><a href="#">Test</a><br /><br />
    <p class="titre_m">Menu:</p>
    <span class="ico">» </span><a href="#">Test</a><br />
    <span class="ico">» </span><a href="#">Test</a><br /><br />
    <p class="titre_m">Menu:</p>
    <span class="ico">» </span><a href="#">Test</a><br />
    <span class="ico">» </span><a href="#">Test</a><br /><br />
    <br />
    </div>
    <!-- Block Contenu -->
    <div id="contenu">
    <p>Bonjour,

    La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
    Image utilisateur

        * Kaneg
        * Gautam
        * legame
        * Soul Eater
        * kamansan
        * goodspeed
        * Jni (qui a été le deuxième membre du jury)

    Avait également été sélectionné DarkCygal qui n'a malheureusement plus le temps de nous aider pour l'instant mais nous ferons appel à lui si le besoin s'en fait sentir comme il nous l'a gentiment proposé.

    Deux autres Zér0s ont également été choisis mais n'ont pas encore répondu présents au e-mail que j'ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

    Vous serez régulièrement tenus au courant des étapes de la traduction.
    Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

    Ceux qui n'ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n'avons choisi que les textes qui comportaient le moins de fautes. Nous n'oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

    Merci encore à tous,
    @micalement,
    `ixM</p>
    <p>Bonjour,

    La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
    Image utilisateur

        * Kaneg
        * Gautam
        * legame
        * Soul Eater
        * kamansan
        * goodspeed
        * Jni (qui a été le deuxième membre du jury)

    Avait également été sélectionné DarkCygal qui n'a malheureusement plus le temps de nous aider pour l'instant mais nous ferons appel à lui si le besoin s'en fait sentir comme il nous l'a gentiment proposé.

    Deux autres Zér0s ont également été choisis mais n'ont pas encore répondu présents au e-mail que j'ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

    Vous serez régulièrement tenus au courant des étapes de la traduction.
    Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

    Ceux qui n'ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n'avons choisi que les textes qui comportaient le moins de fautes. Nous n'oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

    Merci encore à tous,
    @micalement,
    `ixM</p>
    <p>Bonjour,

    La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
    Image utilisateur

        * Kaneg
        * Gautam
        * legame
        * Soul Eater
        * kamansan
        * goodspeed
        * Jni (qui a été le deuxième membre du jury)

    Avait également été sélectionné DarkCygal qui n'a malheureusement plus le temps de nous aider pour l'instant mais nous ferons appel à lui si le besoin s'en fait sentir comme il nous l'a gentiment proposé.

    Deux autres Zér0s ont également été choisis mais n'ont pas encore répondu présents au e-mail que j'ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

    Vous serez régulièrement tenus au courant des étapes de la traduction.
    Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

    Ceux qui n'ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n'avons choisi que les textes qui comportaient le moins de fautes. Nous n'oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

    Merci encore à tous,
    @micalement,
    `ixM</p>
    <p>Bonjour,

    La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
    Image utilisateur

        * Kaneg
        * Gautam
        * legame
        * Soul Eater
        * kamansan
        * goodspeed
        * Jni (qui a été le deuxième membre du jury)

    Avait également été sélectionné DarkCygal qui n'a malheureusement plus le temps de nous aider pour l'instant mais nous ferons appel à lui si le besoin s'en fait sentir comme il nous l'a gentiment proposé.

    Deux autres Zér0s ont également été choisis mais n'ont pas encore répondu présents au e-mail que j'ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

    Vous serez régulièrement tenus au courant des étapes de la traduction.
    Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

    Ceux qui n'ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n'avons choisi que les textes qui comportaient le moins de fautes. Nous n'oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

    Merci encore à tous,
    @micalement,
    `ixM</p>

    <a href="#top" alt="haut de page" class="haut_top">Retour en haut</a>
    </div>

    <!-- Debut block footer -->
    <div id="footer"></div>
    </div>
    </body></html>
    • Partager sur Facebook
    • Partager sur Twitter
    Hawks
      19 mai 2006 à 18:49:58

      Lut

      Tu devrait mettre un footer avec ton image du bas... (mettre clear: both si tu utilise des float)
      • Partager sur Facebook
      • Partager sur Twitter
      nioki
        19 mai 2006 à 19:15:53

        euh je vois pas trop ce que tu veus dire
        • Partager sur Facebook
        • Partager sur Twitter
        Riko
          20 mai 2006 à 1:07:42

          Salut, regardes cette page.
          http://www.siteduzero.com/forum-83-38789-p2-design-colle-en-haut-et-en-bas-de-la-page-web.html

          [EDIT]
          il me semble que tu as déjà posé la même question et plusieurs réponses avaient été apportées.
          • Partager sur Facebook
          • Partager sur Twitter
          nioki
            20 mai 2006 à 10:37:32

            Oui oui mais aucune ne fonctionnées donc je redemande
            • Partager sur Facebook
            • Partager sur Twitter
            Riko
              20 mai 2006 à 11:00:11

              OK, je vais voir si je peux faire quelque chose pour toi (sous réserve).
              • Partager sur Facebook
              • Partager sur Twitter
              nioki
              nioki
              Hawks
                21 mai 2006 à 14:41:13

                Bin maintenant ton site et trop petit pour qu'on test....
                • Partager sur Facebook
                • Partager sur Twitter
                nioki

                Site collé en haut et en bas de la page

                × 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