Iframe Problem (FF korrekt / IE leider nicht)

Status
Nicht offen für weitere Antworten.

marquez22

Grünschnabel
Hi zusammen,

hab mal ne Frage, vlt (bzw sicher ;-) ) kann mir jmd von euch helfen.

Bei folgendem Quelltext wird der Iframe im IE nicht korrekt dargestellt (nur halb):

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
<head>
 <title>Welcome 2 playaz-reloaded.de</title>
 <meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
 <link rel="stylesheet" type="text/css" href="style.css"/>
 <style type="text/css">
html,body {
height: 100%;
}
</style>
</head>
<body>
<div id="container">

 <div id="logo">
 <h1><span class="Stil4">playaz-reloaded</span>.de</h1>
 </div>
     <div class="br"></div>

 <div id="navlist">
<ul>
<li><a href="http://www.playaz-reloaded.de/home.html" class="active"><strong>home</strong></a></li>
<li><a href="http://www.playaz-reloaded.de/about.html"><strong>about</strong></a></li>

<li><a href="http://www.playaz-reloaded.de/picz.html"><strong>picz</strong></a></li>
<li><a href="http://www.playaz-reloaded.de/chartz.html"><strong>chartz</strong></a></li>
<li><a href="#"><strong>forum</strong></a></li>
<li><a href="#"><strong>guestbook</strong></a></li>
</ul>
</div>

 <div id="content">
 <table cellspacing="0" cellpadding="0">
<tr>
<td>

<iframe src="http://www.playaz-reloaded.de/home-if.html" style="border:0px #FFFFFF none;" name="home" scrolling="no"
frameborder="0" align=left marginheight="0px" marginwidth="0px" height="475" width="900"></iframe>
</td>
</tr>
</table>
 </div>
<div class="br"></div>
</div>
</body>
</html>

Hoffe mir kann jmd helfen ...

Danke vorab.
 
Überprüf mal die Breitenangaben für die beiden DIVs #container und #content in der CSS-Datei style.css.

Du hast zudem die falsche Doctype-Variante für das Dokument gewählt, denn in der Strict-Variante kommt das iframe-Element nicht vor. Außerdem wird in HTML-Attributen wie z.B. marginheight,marginwidth keine Einheit angegeben.
 
Bin auf dem Gebiet leider noch nicht so "fit" wie ich es gerne wäre ;-)
Hab das gerade mal versucht anzupassen, aber dann versetzt der denn iframe nach unten.

Vlt könntest du mir das eben anpassen?

Wäre echt nett, danke.
 
Code:
#container { width: 1085px; }

#content { float: right; width: 900px; margin-top: 30px; margin-left: 2px; }
Zusätzlich muß im HTML-Code die Reihenfolge der DIVs #navlist und #content getauscht werden, da das DIV #content vom DIV #navlist umflossen werden soll.
 
Status
Nicht offen für weitere Antworten.
Zurück