CSS problème de mise en page.
Résolu/Fermé
kitsuo
Messages postés
24
Date d'inscription
dimanche 8 janvier 2012
Statut
Membre
Dernière intervention
13 mars 2017
-
27 mars 2014 à 15:06
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 28 mars 2014 à 18:50
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 28 mars 2014 à 18:50
A voir également:
- CSS problème de mise en page.
- Mise en forme conditionnelle excel - Guide
- Supprimer une page word - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
- Word numéro de page 1/2 - Guide
- Mise a jour windows 10 - Accueil - Mise à jour
3 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
27 mars 2014 à 15:36
27 mars 2014 à 15:36
salut
voici un exemple a adapter
#gauche {
position:fixed;
width:200px;
}
#droite {
position relative;
width:100%;
padding-left: 210px;
}
voici un exemple a adapter
#gauche {
position:fixed;
width:200px;
}
#droite {
position relative;
width:100%;
padding-left: 210px;
}
kitsuo
Messages postés
24
Date d'inscription
dimanche 8 janvier 2012
Statut
Membre
Dernière intervention
13 mars 2017
28 mars 2014 à 13:34
28 mars 2014 à 13:34
Merci de ta réponse, mais j'avais déjà testé cette solution, je l'avais pas retenue parce que quand on redimensionne la fenêtre (quand je la rends plus petite) le petit ascenseur apparait en bas, et quand on le fait rouler, le tableau s'affiche quand même derrière la sidebar.
J'espère que j'arrive à me faire comprendre, pas évident de décrire :/...
--
J'espère que j'arrive à me faire comprendre, pas évident de décrire :/...
--
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
28 mars 2014 à 18:50
28 mars 2014 à 18:50
ce que tu décris ne vient pas du code que je t'ai donné.
si dans #droite tu mets un contenu à largeur fixe (le tableau certainement) quand tu vas réduire la fenêtre et que le width effectif d'affichage de #droite va être inférieur au width du tableau ou de tout autre élément à largeur fixe: un scrol va se former, les padding ne vont plus être respectés.
essaie donc de faire rentrer un carré de 20 x 20 dans une ouverture de 15 X 15
l'ouverture va se casser (scroll et padding plus respecté)
les solutions
-tout contenu dans droite doit être en width avec %
-tu peux rajouter un min-width en px à #droite
-droite à un largeur fixe en px
si dans #droite tu mets un contenu à largeur fixe (le tableau certainement) quand tu vas réduire la fenêtre et que le width effectif d'affichage de #droite va être inférieur au width du tableau ou de tout autre élément à largeur fixe: un scrol va se former, les padding ne vont plus être respectés.
essaie donc de faire rentrer un carré de 20 x 20 dans une ouverture de 15 X 15
l'ouverture va se casser (scroll et padding plus respecté)
les solutions
-tout contenu dans droite doit être en width avec %
-tu peux rajouter un min-width en px à #droite
-droite à un largeur fixe en px