J'essaie de donner à un div (position: fixe) la largeur de 100% (par rapport à son div parent). Mais j'ai quelques problèmes ...
EDIT: Le premier problème est résolu en utilisant inherit, mais cela ne fonctionne toujours pas. Je pense que le problème est que j'utilise plusieurs div qui prennent la largeur de 100% / hériter. Vous pouvez trouver le deuxième problème sur la mise à jour de jsfiddle: http://jsfiddle.net/4bGqF/7/
Exemple de Fox
#container {
width: 800px;
}
#fixed {
position: fixed;
width: 100%;
}
et le html
<div id="container">
<div id="fixed">Sitename</div>
<p>
blaat
</p>
</div>
Ou vous pouvez l'essayer: http://jsfiddle.net/4bGqF/
Le problème semble être que l' élément fixe prend toujours la largeur de la fenêtre / du document . Quelqu'un sait-il comment résoudre ce problème?
Je ne peux pas donner à mon élément fixe un fixe avec, car j'utilise le plugin jScrollPane. Cela dépend du contenu, qu'il y ait une barre de défilement ou non.
Merci beaucoup!
PS: Le texte des 2 divs est superposé. Ceci n'est qu'un exemple, donc cela n'a pas vraiment d'importance.
inherit
et comment utilisermax-width:inherit
avecwidth:inherit
conserve le même rapport conteneur / contenu tout en restant réactif et gérable