login  Naam:   Wachtwoord: 
Registreer je!
 Forum

hoogte van div wijzigen werk niet in IE (Opgelost)

Offline Sharpsignal - 21/01/2008 11:57
Avatar van SharpsignalNieuw lid Heb een klein probje in internet explorer 6 en 7.

Ik heb een pagina met een contactformulier dat in een div zit. Deze div is invisible en is 5px hoog bij het laden van de pagina. Deze div bevat dus een hoop controls die het contactformulier samenstellen.

op een andere plaats in de pagina staat een knop. Als ik hierop klik word de div zichtbaar en wordt de hoogte aangepast. Dit werkt perfect in Firefox maar niet in IE.

In IE heeft de div van het begin al de hoogte die nodig is om alle elementen van het contactformulier te tonen wat dus resulteert in een hoop lege ruimte.

Hieronder staat de code die ik gebruik. Weet iemand hoe ik dit kan aanpassen dat ook in IE de hoogte van de div maar 5px is bij het laden van de pagina?
  1. <div id="test123" style="visibility: hidden; height:5px;">hier zitten alle controls van het contactformulier</div>

de onclick van mijn knop roept volgende javascript functie aan:
  1. function showContactFormClient()
  2. {
  3. var objDiv
  4. objDiv = document.getElementById('test123');
  5. objDiv.style.visibility = "visible";
  6. objDiv.style.height = "750px";
  7. exit;
  8. }


Alvast bedankt!

2 antwoorden

Gesponsorde links
Offline BramBo - 21/01/2008 13:01
Avatar van BramBo JS gevorderde Even
  1. display : none;
aan de css style toevoegen.

En
  1. objDiv.style.display = "block";

Aan het javascript.

Display property
Offline Sharpsignal - 21/01/2008 14:24
Avatar van Sharpsignal Nieuw lid :) nice. werkt perfect nu.

Thanks alot!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s