Nieuw lid |
|
Beste Lezer,
ik zit met het volgende probleem. Ik ben op dit moment bezig met de ontwikkeleing van een website die volledig dynamisch moet zijn. Uit grafisch oogpunt wil ik de "content" div oprekken tot fullscreen, evenals de "news" div. (De funtie van de "news" div is al gelukt en refereert nu naar de hoogte van de "content"div).
hieronder de gebruikte code (CSS heb ik niet toegevoegd, maar alle divs zijn relatief gedefinieert) hier onder gepost. Ik hoop dat jullie een goede oplossing hebben!
Met vriendelijke groeten,
Wouter
Hier zie je de code
Daarnaast heb ik hier een voorbeeld gepost:
Voorbeeldje
Ik heb het probleem uiteindelijk op weten te lossen met het onderstaande script... dus voor de liefhebber:
function resize() {
var myHeight = 0;
if( typeof( window.innerHeight ) == 'number' ) {
//Non-IE
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientHeight) ) {
//IE 6+ in 'standards compliant mode'
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientHeight ) ) {
//IE 4 compatible
myHeight = document.body.clientHeight;
}
var content = document.getElementById('content');
var ContentHeight = content.offsetHeight;
if (ContentHeight < myHeight) {
content.style.height = myHeight - 115 + "px"; }
var content = document.getElementById('content');
var logo = document.getElementById('logo');
var contactgegevens_menu = document.getElementById('contactgegevens_menu');
var login = document.getElementById('login');
var news = document.getElementById('news');
var DivHeight = content.offsetHeight - logo.offsetHeight - contactgegevens_menu.offsetHeight - login.offsetHeight + "px";
news.style.height = DivHeight;
}
|