login  Naam:   Wachtwoord: 
Registreer je!
 Forum

iframe rekken over div (Opgelost)

Offline tieziewies - 08/09/2010 22:51
Avatar van tieziewiesNieuw lid Hallo,

ik zit met een probleem.

Ik heb een website dat volledig bestaat uit div's.
In het "tekstvak div" zou ik (voor een fotoalbum dat op een andere server staat) graag een iframe zetten dat zich volledig uitrekt in dat "tekstvak div".
Het lijkt simpel op te lossen door style="height:100%; width:100%" te gebruiken.
In google chrome gaat dit perfect, in IE dus niet...

Het tekstvak div heeft geen vaste waarde als height. Het is gewoon een div met als style absolute en een top & bottom waarde.

Weet iemand een oplossing ? Misschien iets om de hoogte van het div te meten, ook al is deze niet gegeven?

Moest het onduidelijk zijn: http://elcktsyn...;RunDemo=1
Hier zie je wat ik bedoel
(Opmerking over de website zelf zijn ook welkom natuurlijk)

Bedankt !

5 antwoorden

Gesponsorde links
Offline gnotrgnotr - 09/09/2010 07:47
Avatar van gnotrgnotr Nieuw lid De browser IE loopt een beetje achter meerdere mensen hebben problemen met die browser
Offline pinquin - 09/09/2010 11:05 (laatste wijziging 09/09/2010 11:40)
Avatar van pinquin HTML interesse Hoi tieziewies,

@gnotrgnotr: Dat IE achterloopt dat weten we allemaal wel, maar dat is natuurlijk geen oplossing, aangezien het nog steeds door de meerderheid van de mensen wordt gebruikt.

Wat je zou kunnen doen is nadat dat pagina geladen is met javascript de hoogte en breedte opmeten en die door geven aan je iframe.

klein voorbeeldje van hoe je het zou kunnen doen:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function init() {
  2.      var width = document.getElementById('TextDiv').offsetWidth;
  3.      var height = document.getElementById('TextDiv').offsetHeight;
  4.  
  5.      document.getElementById('iframeId').setAttribute('width', width);
  6.      document.getElementById('iframeId').setAttribute('height', height);
  7. }
  8.  
  9. <body onload="init();">


het kan zijn dat je nog 'px' moet neerzetten achter de laatste twee regels:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById('iframeId').setAttribute('width', width + 'px');
  2. document.getElementById('iframeId').setAttribute('height', height + 'px');


gr,
Bedankt door: tieziewies
Offline tieziewies - 09/09/2010 17:57
Avatar van tieziewies Nieuw lid Werkt perfect !

Ik probeerde net hetzelfde, maar gebruikte gewoon height in plaats van offsetHeight,
ik wist namelijk niet dat het bestond. Net wat ik nodig had.

Bedankt !

Opgelost  
Offline kevinmertens - 07/10/2010 16:08
Avatar van kevinmertens Nieuw lid
pinquin schreef:
Hoi tieziewies,

@gnotrgnotr: Dat IE achterloopt dat weten we allemaal wel, maar dat is natuurlijk geen oplossing, aangezien het nog steeds door de meerderheid van de mensen wordt gebruikt.

Wat je zou kunnen doen is nadat dat pagina geladen is met javascript de hoogte en breedte opmeten en die door geven aan je iframe.

klein voorbeeldje van hoe je het zou kunnen doen:
[..code..]

het kan zijn dat je nog 'px' moet neerzetten achter de laatste twee regels:
[..code..]

gr,


ik krijg hem niet aan de praat, zou iemand mij verder willen helpen. ik heb nl het zelfde probleem als de topic starter 

alvast bedankt
Offline tieziewies - 09/10/2010 12:44
Avatar van tieziewies Nieuw lid
kevinmertens schreef:
[..quote..]

ik krijg hem niet aan de praat, zou iemand mij verder willen helpen. ik heb nl het zelfde probleem als de topic starter 

alvast bedankt


Kan je de broncode posten?
Waarschijnlijk zit er ergens een kleine fout  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s