Salut, je n'arrive pas à faire ce que je veux.
J'ai un élément de ma page de type div qui englobe 3 portions différentes de ma page :
[...1ere portion]
.
.
[...2eme...]
.
.
[...3eme...]
Les éléments contenus dans ces portions ne sont pas équivalents en largeur, mais comme ils sont contenus dans mon élément, alors il vont à la ligne lorsqu'ils dépassent le width spécifié de mon élément.
J'ai stylisé ces div avec des border. Je veux exiger que ces blocks fassent tous la même largeur.
Si cette largeur est spécifiée, c'est facile de faire:
E
{
width: valeur;
}
Cependant, je veux que ma page soit adaptable à beaucoup de tailles d'écrans. Donc je veux que la largeur de mon élément soit définie de la façon suivante:
largeur maximum : 100% (tout l'écran s'il le faut)
largeur minimum : 50% (ça ne doit jamais être plus étroit)
largeur par défaut : 75%
En effet mon problème est que si je fais ceci:
E
{
min-width: 50%;
max-width: 100;
}
Alors mon min et mon max sont respectés, mais les trois portions de ma page ne sont plus égales en largeur ; en effet chacune s'adapte, dans la fourchette que je lui ai donnée, à son contenu. Je veux que les trois aient la même largeur.
Si je fais ceci:
E
{
width: 75%;
min-width: 50%;
max-width: 100;
}
Alors le max et min ne sont plus respectés...
Une idée pour spécifier le max et min tout en forçant l'élément à avoir la même largeur à tous les endroits de la page où il est présent?
merci 