Dennis_Schulz: workaround für iframe width:100% in DIV mit Margin gesucht.

Beitrag lesen

SELF-Forum

workaround für iframe width:100% in DIV mit Margin gesucht.

Dennis_Schulz
– Informationen zu den Bewertungsregeln

Hallo,

ich habe von meinem Problem schon Beiträge gesehen, aber leider keinen der mir einen Lösungsweg aufzeigt.

Das Problem ist mal wieder ein IE typische Problem.
Ich habe auf einer Seite einen CONTENT div mit einem Margin-left von 180px. In diesen CONTENT div will ich jetzt einen IFRAME einbinden, mit der variablen Breite des umliegenden div´s.
Das klappt im Mozilla auch wunderbar, nur der IE ignoriert den Margin bei der Breitenberechnung, und läßt den Iframe genau diese 180px margin nach rechts aus dem Fenster laufen. Ohne Scrollbalken, einfach abgeschnitten. Ich brauche aber den linken Abstand für mein umliegendes Layout.

Wenn ich das IE Browserfenster jetzt einmal verkleinere und dann wieder vergrößere habe ich plötzlich die korrekte Darstellung.

Irgend etwas läuft da falsch. Ich bin für jeden Vorschlag dankbar.

Danke schonmal

Gruß

Dennis

Hier mein HTML Code:
[CODE]

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <style type="text/css">
 #CONTENT {
 position: relative;
  width:auto;
  height:auto;
  margin-left:180px;
  background-color:#ffffff;
 }
 iframe{
 width:100%;
 height:100%;
 min-height:500px;
 }
</style>

</head>
<body bgcolor="#FF4488">
<div id="CONTENT">
  <iframe src="http://www.google.de" name="content_iframe" frameborder="no" scrolling="auto">Sorry, your browser does not support IFrames</iframe>
</div>
</body>
</html>
[/CODE]

Beitrag melden
–
Informationen zu den Bewertungsregeln