login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hoogte div oprekken en laten gelden als referentie voor een andere DIV (Opgelost)

Offline wvmaaren - 15/12/2008 15:58 (laatste wijziging 16/12/2008 15:34)
Avatar van wvmaarenNieuw 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;

}

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.165s