Iframe verschilt met Firefox en internet explorer

  • Onderwerp starter Onderwerp starter Clank
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

Clank

Gebruiker
Lid geworden
24 nov 2007
Berichten
130
Ik ben een site voor iemand aan het maken en een iframe doet het wel binnen een tabel in internet explorer, maar neit in firefox, wat ik erg vreemd vind, omdat het meestal andersom is. Weet iemand daar meer van?

Hetgeen wat er gebeurd is nl dat de hoogte niet op 80% van de tabelhoogte gaat in firefox. Wel in internet explorer
 
Het zou wel leuk zijn als je even het bestand van de site die (nog) niet werkt even upload zodat wij even een kijkje kunnen nemen :)
 
HTML:
<html>
<head>
<title>
Mouni's Site
</title>
<body bgcolor="#dcd591">
<table width="100%" height="100%" border="0" valign="top">
<tr>
<td width="70%" valign="top">
Banner
<p>
<iframe frameborder="0" src="siteinhoud.htm" width="100%" height="100%"></iframe>
</td>
<td width="30%" valign="top">
<img src="Afrika.jpg" width="100%">
<br><b>Contactgegevens:</b>

<br>E-mail:
<br>Naam:
<br>Adres:
</td>
</tr>
</table>
</body>
</html>

hier het bestandje/code
 
Ie doet het niet goed.
Zelf doe jehet ook niet goed,
omdat je geen doctype gebruikt.
Werp er maar eens een doctype in,
en IE en FF zijn dan gelijk.

Evenwel werkt height="100%" niet.
Height van wat?

Gooi je code in
http://validator.w3.org/

Kijk of dit een beetje in de richting is, de frame heeft nu een waarde.

HTML:
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Mouni's Site
</title>
 <style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background-color: #dcd591;
}
iframe
{
height:400px;
}
a:link   { text-decoration: none; color:#f4fb06; }
a:visited  { text-decoration: none; color:#b8c56d; }
a:active   { text-decoration: none; color:#ffffff; }
a:hover    { text-decoration: none; color: #ffff00; }
.klgrn {font:bold 12px verdana;letter-spacing:1pt;border-style:ridge;border-width:2px;border-color:#004295; padding:1px;background-color:#c0c0c0;}
.klgl {background-color: #FFCC00;}
.klgrs{background-color:#dfdfdf; padding:3px;}
.klbl{background-color:#003994;padding:2px}
.info {font-family:verdana, tahoma, arial, ms sans serif;font-size:10pt;}
.tomat{font-family:verdana, tahoma, arial, ms sans serif;font-size:16pt;color:#d70000;}
</style>
</head>
<body >
<table width="100%"  border="0">
<tr>
<td width="70%" valign="top">
<span class="tomat">Banner</span>
<p>
<iframe frameborder="1" src="siteinhoud.htm" width="100%" height="100%"></iframe>
</td>
<td width="30%" valign="top">
<img src="Afrika.jpg" width="100%" alt="j">
<br><b><span class="klgrs">Contactgegevens:</span></b>

<br>E-mail:
<br>Naam:
<br>Adres:
</td>
</tr>
</table>
</body>
</html>

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan