nicht angemeldet
workaround für iframe width:100% in DIV mit Margin gesucht.
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]
-
Hallo Dennis_Schulz!
Ich beziehe mich jetzt nur auf den von Dir geposteten Code. Und da brauchst Du das umschließende Div nicht. All die Information die du Dem Div mitgibst, kannst Du genauso gleich dem iframe mit geben.
(..)
<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>(..)
Es würde also auch so ausreichen:
(..)
}
iframe{
width:100%;
height:100%;
min-height:500px;
margin-left:180px;
}
(..)
<body bgcolor="#FF4488">
<iframe src="http://www.google.de" name="content_iframe" frameborder="no" scrolling="auto">Sorry, your browser does not support IFrames</iframe>
</body>
(..)Ich kann den von Dir beschriebenen Fehler aber nicht nachvollziehen.
Schönen Gruß
Afra
-
Hallo Afra,
das problem kann so leider nicht gelöst werden.
Der umschließende div Bereich wir mit dynamischen Content gefüllt. in diesem Fall halt ein Iframe.
Für tabellen oder reinen Text etc. klappt das wunderbar.
nur die 100% des Iframes in dem 100% div mit linkem Rand funktionieren im IE nicht.
Ich habe nur den auf den eigentlichen Fehler reduzierten Code gepostet.
Wenn du den geposteten Code nimmst, siehst du den Fehler.Grüße
Dennis
-
Problem gelöst:
der Content div bekommt statt height:auto --> height:100%
und schon funktionierts.
Grüße
Dennis
-
-