Partage
  • Partager sur Facebook
  • Partager sur Twitter

Design extensible

Comment faire pas trouver de solutions adaptée !

    4 mars 2006 à 15:26:29

    Salut, malgré mes recherches sur le SDZ et moult moteurs de recherches, je n'ai pas trouvé de solutions apropriées à mon problème ...
    en effet, je cherche à faire un design extensible pour mon site car en 1024*768 est inférieur, sous IE mon corps est décalé (en dessous de mon menu : plus bas)
    Comment faire :
    - un body{
    width: 1005px;
    }
    environ

    ou j'ai entendu parler de largeur en %
    et qu'il fallait mettre :
    body{
    width: 100%
    }

    Voila si quelqu'un à une solution ... je suis preneur !

    merci
    • Partager sur Facebook
    • Partager sur Twitter
      4 mars 2006 à 15:40:48

      si ca peut t'aider, des elements sur un topic <lien url="http://www.siteduzero.com/forum-83-23688-design-extensible.html"></lien>
      • Partager sur Facebook
      • Partager sur Twitter
        4 mars 2006 à 15:55:30

        donc tu as trouvé des reponses tu n'attribues pas largeur fixe tu laisses en auto et %
        • Partager sur Facebook
        • Partager sur Twitter
          4 mars 2006 à 16:23:33

          ?? donc dans body je met width: auto; ???
          Peut dévelloper s'il te plaît :p

          merci

          PS : dans une meme feuille de style peut-on melanger pourcentage et valeur en px ... ?? :o
          • Partager sur Facebook
          • Partager sur Twitter
          Anonyme
            4 mars 2006 à 16:44:49

            Citation : Benji

            dans une meme feuille de style peut-on melanger pourcentage et valeur en px ... ??


            Il me semble que c'est le principe d'un design extensible
            Si je ne dis pas de bêtises un code de design extensible ressemble à ça :


            corps
            {
            marginleft : 20px
            width : 50%
            ...
            }

            Ici ton corps aura une marge à gauche de 20px et une largeur (un étirement à droite en fait) de 50% de la résolution du visiteur.

            Voilà ++
            • Partager sur Facebook
            • Partager sur Twitter
              4 mars 2006 à 17:54:04

              Tu peux faire ça aussi :
              #corps
              {

              marginleft: auto;
              marginright: auto;
              width: 90%;
              }

              Ton #corps fera 90% de la page et il sera centré au milieu de la page ;)
              • Partager sur Facebook
              • Partager sur Twitter
                4 mars 2006 à 18:08:21

                sympa ce dernier code, mais on joue les gros faignant, ce qui ma quete perso et ultime, en mettant juste widht90% et il le fait comment le centrage par defaut :D
                • Partager sur Facebook
                • Partager sur Twitter
                  4 mars 2006 à 18:10:13

                  Normallement sous Internet Explorer, il est pas centré...
                  Il faut rajouter text-align: center;
                  Et dans #corps tu rajoutes text-align: left;
                  • Partager sur Facebook
                  • Partager sur Twitter
                    4 mars 2006 à 20:00:00

                    J'ai remplacé toute mes tailles de menu banniere corps et pied de page en % je verrais ce que ça donne sous IE ... ^^
                    • Partager sur Facebook
                    • Partager sur Twitter

                    Design extensible

                    × 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