|
Categorieën >
HTML & CSS
iframe rekken over div (Opgelost)
|
|
|
offline
|
Nieuw 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
|
|
|
|
offline
|
Nieuw lid
|
De browser IE loopt een beetje achter meerdere mensen hebben problemen met die browser
|
pinquin – 09/09/2010 11:05 (Laatst gewijzigd op 09/09/2010 11:40)
|
|
|
offline
|
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:
function init() {
var width = document.getElementById('TextDiv').offsetWidth;
var height = document.getElementById('TextDiv').offsetHeight;
document.getElementById('iframeId').setAttribute('width', width);
document.getElementById('iframeId').setAttribute('height', height);
}
<body onload="init();">
function init() { var width = document.getElementById('TextDiv').offsetWidth; var height = document.getElementById('TextDiv').offsetHeight; document.getElementById('iframeId').setAttribute('width', width); document.getElementById('iframeId').setAttribute('height', height); } <body onload="init();">
het kan zijn dat je nog 'px' moet neerzetten achter de laatste twee regels:
document.getElementById('iframeId').setAttribute('width', width + 'px');
document.getElementById('iframeId').setAttribute('height', height + 'px');
document.getElementById('iframeId').setAttribute('width', width + 'px'); document.getElementById('iframeId').setAttribute('height', height + 'px');
gr,
|
|
|
|
|
offline
|
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
|
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
|
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
|
Dit onderwerp is gesloten.
|
|
|
Console games waar je niets van leert moeten worden afgeschaft. (S: 17, R: 7)
Actiefste leden van de maand
Actieve forumberichten: