CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS3] default width?

Lagrangien
Lagrangien
Niveau 8
31 mars 2013 à 17:45:04

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 :ange:

Pseudo supprimé
Pseudo supprimé 01 avril 2013 à 08:34:23

C'est logique. Un élément ne peut pas faire à la fois 75%, 50% et 100%. C'est ce que tu cherches à faire qui n'est pas logique : Si tu redimensionnes ton élément, il fera TOUJOURS 75% de l'écran. Applique un min-width et un max-width en pixels, pas en %. ;)

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment