2 div flexibles sur 3
JF11
Messages postés
39
Statut
Membre
-
JF11 Messages postés 39 Statut Membre -
JF11 Messages postés 39 Statut Membre -
Bonjour,
Je suis en train de passer un site en responsive design.
Soit 3 div A, B et C qui sont alignées horizontalement.
Ces 3 div ont des largeur en % (disons 33% chacune)
En réduisant la fenêtre de mon navigateur, tout se passe bien, elle se réduisent en largeur.
Maintenant, la contrainte est que la div A doit toujours faire au moins 160 px de large (donc pas flexible ou min-width=160)
Ce que je voudrais c'est qu'en réduisant la fenêtre de mon navigateur, les div B et C se réduisent (et pas la A).
Ça fonctionne au début puis B et C passent en dessous de A
Une idée ?
merci pour votre aide
JF
Je suis en train de passer un site en responsive design.
Soit 3 div A, B et C qui sont alignées horizontalement.
Ces 3 div ont des largeur en % (disons 33% chacune)
En réduisant la fenêtre de mon navigateur, tout se passe bien, elle se réduisent en largeur.
Maintenant, la contrainte est que la div A doit toujours faire au moins 160 px de large (donc pas flexible ou min-width=160)
Ce que je voudrais c'est qu'en réduisant la fenêtre de mon navigateur, les div B et C se réduisent (et pas la A).
Ça fonctionne au début puis B et C passent en dessous de A
Une idée ?
merci pour votre aide
JF
A voir également:
- 2 div flexibles sur 3
- Supercopier 2 - Télécharger - Gestion de fichiers
- Ai suite 3 - Télécharger - Optimisation
- Picasa 3 - Télécharger - Albums photo
- Faire 2 colonnes sur word - Guide
- 2 ecran pc - Guide
2 réponses
Salut
Déja c'est normal que dès que la largeur de fenetre se reduit a moins de 3 X 160px (480px + le white-space si inline-block) la dernière div ne pourra pas tenir et passera en dessous.
une piste c'est de déclarer un mediaquerie directement dans le css
voici un exemple a adapter
@media screen and (max-width: 490px){
.divB{
display:inline-block;
width:27%;
etc ...
}
.divC{
display:inline-block;
width:27%;
etc ...
}
}
après c'est normal que a un moment ca passe en dessous pour la lisibilité après on passe au portable et plus à la tablette et il vaut mieux que ca passe dessous
si vraiment tu veux pas, en plus du media querie, tu mets un min-width à body et ca fera un scroll horizontal quand la fenetre arrivera au min.
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
Déja c'est normal que dès que la largeur de fenetre se reduit a moins de 3 X 160px (480px + le white-space si inline-block) la dernière div ne pourra pas tenir et passera en dessous.
une piste c'est de déclarer un mediaquerie directement dans le css
voici un exemple a adapter
@media screen and (max-width: 490px){
.divB{
display:inline-block;
width:27%;
etc ...
}
.divC{
display:inline-block;
width:27%;
etc ...
}
}
après c'est normal que a un moment ca passe en dessous pour la lisibilité après on passe au portable et plus à la tablette et il vaut mieux que ca passe dessous
si vraiment tu veux pas, en plus du media querie, tu mets un min-width à body et ca fera un scroll horizontal quand la fenetre arrivera au min.
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
