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

Status
Nicht offen für weitere Antworten.
D

Dennis82

Grünschnabel
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>
 
ein leeres <div class="einhundertachzigpixel"></div>
und in der css ein .einhundertachzigpixel { width:180px; }

müssten Dich der Lösung Deines Problemesnäher bringen, wenn ich Dich richtig verstanden habe :)

Julian
 
Ein "Workaround" ist hier überhaupt nicht erforderlich; setze einfach anstelle von auto den Wert 100% zur Höhendeklaration ein.

Code: 
#CONTENT {
 position:relative;
 width:auto;
 height:100%;
 margin-left:180px;
 background-color:#ffffff; 
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück