Largeur Content dynamique et sidebar fixe à droite
Fermé
mickaelb91
Messages postés
11
Date d'inscription
jeudi 13 décembre 2012
Statut
Membre
Dernière intervention
28 juin 2014
-
21 oct. 2013 à 08:13
Seezlu - 21 oct. 2013 à 11:39
Seezlu - 21 oct. 2013 à 11:39
A voir également:
- Largeur Content dynamique et sidebar fixe à droite
- Tableau croisé dynamique - Guide
- Le nom du champ de tableau croisé dynamique n'est pas valide ✓ - Forum Excel
- Longueur largeur hauteur ✓ - Forum Loisirs / Divertissements
- Dimension tv 43 pouces longueur et largeur ✓ - Forum Ecran
- Liste déroulante dynamique excel - Guide
2 réponses
Hello, afin de faire des interfaces du genre j'utilise les position: en CSS
Après je pense qu'on pourrait jouer avec les media queries ou les min-width max-width pour répondre à tes attentes.
je ne pourrais te certifier à 100% que c'est la meilleure méthode (compatible avec tous les navigateurs, etc.. etc..) mais c'est la méthode que j'utilise.
Maintenant reste à savoir si c'était bien le sujet de ta question ^^'
A+
Seezlu
html{height: 100%; width: 100%;}
body{height: 100%; width: 100%; position: relative;}
div#all{ position:absolute; top:0; left:0; right:0; bottom:0; height:auto;width:auto;}
div#header{position:absolute;top:0;left:0;right:0;height:150px;width:auto;}
div#sidebar{position:absolute;top:150px;left:0;bottom:150px;width:150px;height:auto;}
div#content{position:absolute;top:150px;left:150px;bottom:150px;right:0;height:auto;width:auto;}
div#footer{position:absolute;left:0;bottom:0;right:0;height:150px;width:auto;}
Après je pense qu'on pourrait jouer avec les media queries ou les min-width max-width pour répondre à tes attentes.
je ne pourrais te certifier à 100% que c'est la meilleure méthode (compatible avec tous les navigateurs, etc.. etc..) mais c'est la méthode que j'utilise.
Maintenant reste à savoir si c'était bien le sujet de ta question ^^'
A+
Seezlu
mickaelb91
Messages postés
11
Date d'inscription
jeudi 13 décembre 2012
Statut
Membre
Dernière intervention
28 juin 2014
21 oct. 2013 à 10:14
21 oct. 2013 à 10:14
J'ai essayé cela mais ca ne marche pas, je sais pas trop pourquoi...
http://jsfiddle.net/Q8QmB/4/
http://jsfiddle.net/Q8QmB/4/
Modifié par mickaelb91 le 21/10/2013 à 09:54
html{}
body{width:100%;margin:auto;}
#header{display:inline-block;width:100%;background-color:red;}
#sidebar{float:left;width:150px;background-color:yellow;}
#content{position:absolute;left:150px;right:0;width:auto;display:inline-block;background-color:blue;}
#footer{clear:both;background-color:brown;}
http://jsfiddle.net/Q8QmB/3/
Mais moi il me faut une condition pour que la largeur de Content soit dynamique ;)
21 oct. 2013 à 11:39
- http://jsfiddle.net/Q8QmB/9/
les tailles fixent ne sont peut être pas adapté à jsfiddle mais disons que l'idée est là.
Après tu peux placer des min-width/height max-width/height à ta guise.