Partage
  • Partager sur Facebook
  • Partager sur Twitter

encadrement d'un site

avec différentes résolution d'écran

Sujet résolu
    17 septembre 2006 à 21:57:03

    Bonsoir,
    voila en fait j'ai fait un site basé sur 1024*768 mais je voudrais savoir comment on le "fixe"?
    Je veux dire par là ,comment garder les textes , lien, etc à la bonne place même en changeant de résolution d'écran.
    En effet en 1280*1024 les lien et autres sont décalé avec le reste et c'est " très légèrement " énervant :lol: .
    Voilà, ça doit pas être bien compliqué mais cela m'est passé au dessus et je ne trouve pas la bonne méthode.
    Merci de m'aiguiller. ^^
    • Partager sur Facebook
    • Partager sur Twitter
      17 septembre 2006 à 22:06:11

      Tu crée un div principal ou tu mets tout dedans, et tu fixe la largeur de ce div...comme cela les problèmes de résolution sont envolés!!!
      • Partager sur Facebook
      • Partager sur Twitter
        17 septembre 2006 à 22:15:58

        en fait, oui j'aurai du détailler un peu plus:
        J'ai créé un div principal en css (div#cadre)et dans ce div j'ai inseré d'autres div.
        mais ces autres div que j'ai placé selon ma résolution 1024*768 ne restent pas statique avec le div#cadre.
        voici un exemple de mon code css:

        body
        {
        margin: 0;
        padding: 0;
        background: #000;
        color: #fff;
        text-align: center;
        font-family: palatino linotype,Arial Black, Arial, Verdana, serif;
        font-size: 0.9em;
        }
        div#cadre
        {
        text-align: left;
        width: 1000px;
        height: 2000px;
        margin: auto;
        background:url("fondecran.jpg") no-repeat;
        }
        div#machindans le cadre
        {
        position: absolute;
        color: black;
        left:238px;
        top: 540px;
        font-size: 12px;
        text-decoration: none;
        }
        • Partager sur Facebook
        • Partager sur Twitter
          17 septembre 2006 à 22:36:44

          Si tu dois positionner tes autres div en absolute, il faut le faire avec ton #cadre comme référence et non la fenêtre du navigateur (par défaut).

          Tu dois donc ajouter un

          #cadre {position:relative;}


          pour que le cadre devienne la référence pour le positionnement absolu des cadres qu'il contient.

          Après il faut redéfinir tes position absolue en fonction de cette modif de référence du genre:

          div#machindans le cadre
          {
          position: absolute;
          color: black;
          left:226px;
          top: 540px;
          font-size: 12px;
          text-decoration: none;
          }
          • Partager sur Facebook
          • Partager sur Twitter
            17 septembre 2006 à 22:54:27

            En effet c'est surement ça qui cloche!
            Merci Candygirl tu m'as bien expliqué et ça marche comme sur des roulettes!
            Vive les gens qui expliquent vite et bien ^^

            • Partager sur Facebook
            • Partager sur Twitter

            encadrement d'un site

            × 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