Bolteh
Legacy Member
Hoi!
Ik zit hier met een site waarin er een DIV moet geplaatst worden die op 230 pixels van de bovenste rand begint en dan de resterende hoogte van het venster opvult, buiten de laatste 20 pixels aan de onderkant. Horizontaal staat de site in het midden van het scherm.
Dit is als standaard scherm dus, maar als er content in komt die langer is dan de maximum hoogte, dan moet je kunnen scrollen etrwijl de onderkant nog altijd 20 pixels van de rand blijft (als je snapt wat ik hier mee bedoel, dan).
De code die ik hiervoor gebruik op de moment, is deze:
Maar die werkt dus niet, de browser toont een scrollbar (wat dus niet duidt op effectieve uitvulling van de maximum hoogte. Ik vermoed dat de browser gewoon kijkt hoe hoog het browser venster nu echt is (in pixels) en dat gebruikt voor die 100%, die waarde neemt hij dan en voegt er 230 pixels aan toe en trekt er dan 20 pixels van af (denk ik, natuurlijk).
Dank bij voorbaat.
Ik zit hier met een site waarin er een DIV moet geplaatst worden die op 230 pixels van de bovenste rand begint en dan de resterende hoogte van het venster opvult, buiten de laatste 20 pixels aan de onderkant. Horizontaal staat de site in het midden van het scherm.
Dit is als standaard scherm dus, maar als er content in komt die langer is dan de maximum hoogte, dan moet je kunnen scrollen etrwijl de onderkant nog altijd 20 pixels van de rand blijft (als je snapt wat ik hier mee bedoel, dan).
De code die ik hiervoor gebruik op de moment, is deze:
Code:
#ContainerDiv {
width: 300px;
height: 100%;
position: absolute;
left: 50%;
margin-left: -150px;
margin-top: 230px;
margin-bottom: 20px;
}Maar die werkt dus niet, de browser toont een scrollbar (wat dus niet duidt op effectieve uitvulling van de maximum hoogte. Ik vermoed dat de browser gewoon kijkt hoe hoog het browser venster nu echt is (in pixels) en dat gebruikt voor die 100%, die waarde neemt hij dan en voegt er 230 pixels aan toe en trekt er dan 20 pixels van af (denk ik, natuurlijk).
Dank bij voorbaat.
