nicht angemeldet
Hallo zusammen!
Ich hab mal wieder ein Problem.
Ich bin immer noch dabei eine (html-)Webseite zu bauen, deren Breite sich dynamisch an die Bildschirmgröße anpasst.
Grob ist die Seite so aufgebaut
<body>
<div id="content">
<div id="banner">Inhalt</div>
<div id="maincontent>
<div id="whatever">Inhaltzeugs</div>
<div id="whatever">Inhaltzeugs</div>
<div id="whatever">nochmehrInhaltzeugs</div>
<iframe name="iframe"></iframe>
</div>
</div>
</body>
Content ist 80% breit.
Die Größe des iframes soll sich ebenfalls dynamisch anpassen. Problem ist nur, links und rechts liegen noch 2 andere divs mit fester Breite. Wenn ich die Breite des iframe auf 100% setze und dann margin-left und margin-right mit der Größe der jeweiligen divs mache, dann schiebts mir das iFrame nach rechts aus dem content raus. Wenn ich width:auto beim iframe mach, krieg ich ja nur diesen vordefinierten Wert.
Was nun?
Gibts irgendne andere Möglichkeit das zu machen? Ich hab iframe genommen, weil ich nicht möchte, dass jedes Mal die komplette Seite neu geladen wird.
In der Navi hab ich dann einfach ...target="iframe" für die links genommen.
Es gibt ja wohl ne Möglichkeit des iframe per JS anzusprechen und das dann richtig zu skalieren. Würde aber JS gern so gut es geht vermeiden...
Danke schonmal für eure Hilfe.