Proportion de page

Camsur -  
 Camsur -
Salut,

Je suis en train de faire un siteweb en HTML5 et CSS3 et j'aimerai savoir comment faire pour garder les proportions selon les tailles avec le navigateur.
Je m'explique : quand je reduit ma fenetre pour tester les cadres de ma page se supperpose se deplace etc. J'aimerai que si on reduit la fenetre de ma page , des barres de déroulement intervienent comme sur tous les sites en générale :
Voici un exemple de site qui s'adapte bien selon les tailles d'écrans http://mineria.fr/

Cordialement

Camsur

5 réponses

  1.
    Stanislas Poisson Messages postés 775 Statut Membre 66
     
    Sans avoir ton code html et css, on ne pourra pas t'aider. donne nous l'adresse de ton site ou utilise un utilitaire comme jsfiddle
    0
  2. Camsur
     
    C'est quoi un utilitaire?
    0
    2. Camsur
       
      Merci mais a quoi ça sert ?
      Cdt
      0
    3. Stanislas Poisson Messages postés 775 Statut Membre 66
       
      Tu remplis els case, tu save et tu envoy le lien que je puisse enfin voir ton probleme.
      0
    4. Stanislas Poisson Messages postés 775 Statut Membre 66
       
      Comment veux tu de l'aide sur un probleme de css visiblement sans en donner une gouttes ???

      On est pas devin.
      0
  3. Camsur
     
    Tiens http://jsfiddle.net/Camsur/Hn269/
    0
    1. Stanislas Poisson Messages postés 775 Statut Membre 66
       
      Voila, et du coup, le probleme est simple a reperer, tu aprevue ton site en pourcentage, certe c'est bien pour s'adapter a tout les ecrans. en revanche, il te faus prevoir des dimensions minimal (pour un affichage 1024 de largeur) en donnant des min-width afin que ton site ne s'ecrase pas comme il le fait.

      Tu peux aussi utiliser les media query html5 afin de prevoir des feuilles de styles differentes suivant des tailles differentes. utils pour un site sous smartphone, tablette et ecran fixe.
      0
    2. Camsur
       
      Tu entends quoi par "ecran fixe"
      0
    3. Stanislas Poisson Messages postés 775 Statut Membre 66
       
      ...... l'inverse du mobile c'est quoi? le fixe les ecran de 8000000000000000000000 pouces ca te parle?
      0
    4. Camsur
       
      Ah ok :')
      Bon tiens histoire d'être le plus clair possible avec mon problème
      http://image.noelshack.com/fichiers/2012/48/1354467194-imageccm.png
      0
  4. telliak Messages postés 3652 Date d'inscription   Statut Membre Dernière intervention   885
     
    Salut,
    Voici un exemple de site qui s'adapte bien selon les tailles d'écrans http://mineria.fr/
    Je ne dirais pas cela. En fait ce site a une largeur de page fixe et la page est centrée. C'est la solution la plus simple pour débuter; avec une largeur de 990px, les pages résistent bien.
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Camsur
     
    A votre avis je dois faire comment pour pouvoir un résultat facilement ?
    0
    1. telliak Messages postés 3652 Date d'inscription   Statut Membre Dernière intervention   885
       
      Re,
      Si tu n'es pas trop expert, comme je l'ai écrit : largeur de page fixe de 990px, page centrée.
      0
    2. Camsur
       
      j'écris quoi comme commande alors ? car

      #bloc_page
      {
      min-width: 990px;
      max-width: 1024px;
      width: 900px;
      margin: auto;
      }

      ne fonctionne pas
      0

Discussions similaires

Code source couleur de fond
Mehdi-Amg -
Techno01 -

9 réponses