CSS La marge supérieure se rétrécit lorsque la fenêtre se rétrécit

Je veux une marge supérieure pour ma page Web de dire 100px lorsque la fenêtre est agrandie, mais si l'utilisateur redimensionne la fenêtre pour la réduire, je veux que cette marge diminue. La marge doit avoir une taille minimale de 10px et devrait diminuer en proportion de la hauteur de la fenêtre.CSS La marge supérieure se rétrécit lorsque la fenêtre se rétrécit

Un exemple si ce que je suis en train d'imiter est http://www.bing.com/

Comment puis-je faire pour mettre en œuvre ce en CSS? Je suis en train de me battre avec min-height, min-width, height et width pour le moment.

Merci.

Source

2009-12-27 Tarski

Sans voir de code, il est difficile de donner une bonne suggestion. Mais, vous pouvez définir le style du html et le corps pour être une hauteur de 100%, ce qui devrait effectivement se conformer à la hauteur de la partie visible du navigateur:

html, body{ margin:0; padding:0; height:100%; }

À partir de là, vous pouvez ajouter un div directement dans le corps et donner qu'une hauteur qui est un pourcentage:

#push{ height: 15%; }

Votre html corps ressemblerait à quelque chose comme:

<body> 
    <div id="push"></div> 
    <div> 
     asdf asdf 
    </div> 
</body>

Lorsque la hauteur du corps change, il en sera la hauteur de poussée. Vous devrez peut-être modifier ce nombre pour l'obtenir à votre goût. Vous pouvez également donner à la poussée une hauteur minimale, mais cela n'est pas pris en charge dans IE6. En outre, ce 100% html/body pourrait vous donner des problèmes plus tard, selon la façon dont vous faites votre pied de page et les choses, alors méfiez-vous et bonne chance.

Source

2009-12-27 20:32:28 Jage

CSS La marge supérieure se rétrécit lorsque la fenêtre se rétrécit

Répondre

Questions connexes