28221 sujets

CSS et mise en forme, CSS3

Design extensible

salut
je veux faire un site pour toutes les résolutions c'est pourquoi j'ai choisi un désign extensible mais mon probleme c'est que est ce que je spécifie en pourcentage toutes les dimensions ou seulement la largeur
et puis si vous permettez quelques trucs a propos de design extensible
merci pour votre aide
@+
Un document HTML est fluide par défaut. C'est nous qui le rendons rigide en utilisant des valeurs fixes. Donc spécifier des largeurs en pourcentage mais laisser la hauteur se comporter librement.

Voici un modèle de design fluide dont tu peux t'inspirer.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr-ca" xml:lang="fr-ca" xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Design fluide height: 100%;</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="content-style-type" content="text/css" />
  <style type="text/css" media="all">
* {padding: 0; margin: 0;}
html, body { 
   height: 100%; 
}
#entete { 
   background: #666666; 
   height: 100px; 
}
#corps { 
   background: #cccccc; 
   height: auto !important; 
   height: 100%; 
   min-height: 100%; 
}
#gauche { 
   background: #999999; 
   float: left; 
   width: 33%; 
}
#droite { 
   margin-left: 33%; 
}
  </style>
 </head>
 <body>
  <div id="corps">
   <div id="entete"><h1>Design fluide height: 100%;</h1></div>
   <div id="gauche">
    <ul>
     <li>item</li>
     <li>item</li>
     <li>item</li>
     <li>item</li>
     <li>item</li>
     <li>item</li>
    </ul>
   </div>
   <div id="droite"><p>blabla</p></div>
  </div>
 </body>
</html>

Tu peux tenter de l'adapter à tes besoins Smiley cligne (DOCTYPE, meta, attribut lang="" etc... )
Modifié le 31 Jan 2005 - 07:41
Salut,

Tu peux éventuellement exprimer une hauteur en pourcentage : par exemple un bloc qui occuperait 80% de la hauteur du bloc parent, avec des marges hautes et basses de 10%.
En revanche, exprimer relativement à une hauteur de page n'a pas vraiment de sens. En effet, la référence serait alors la hauteur du document : j'ai bien dit document et pas fenêtre. Smiley ravi
Sujet clos
Aller à