CSS: overflow:visible

**Nikmaster** · 09.01.2005 13:50

HTML-Code:

<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<STYLE>
<!--
BODY { background-position: 15px -51px };
-->
</style>


<body>
   <table border="0" width="100%" id="table1" >
<tr>
<td>   <a href="http://www.house27.ch" target="_blank"><script language="JavaScript" src="http://super.house27.ch/counter/super.php?ID=46059" type="text/javascript"></script><img src="" border="0" alt="Kostenlos bei [URL]www.house27.ch[/URL]"></a>
        </td>
<td>   <a href="http://james.adbutler.de/click.php?pid=8418&tid=111584&bid=37209" target="_blank"> 
       <img src="http://james.adbutler.de/view.php?pid=8418&bid=37209&tid=111584&b=468&h=60&inv=img" width="468" height="60" border="0" align="right"></a>
        </td>
</tr>
</table>
<br>

   <iframe src="news.htm" frameborder="0" name="iframe" width="85%" height="80%" align="right"></iframe>

<p align=center class="navi">
<a href="news.htm" target="iframe">Startseite</a><br>
Gästebuch <br>
Geld verdienen <br>
Kostenloses <br>
Fun <br>
Links <br>
Umfragen <br>
Impressum <br></p>
</body>

</html>

ich möchte bei dem iFrame den Befehl overflow: visible irgendwie angeben

die Navigation (bei dem Code nur die Startseite mit einem Link versehen) müsste Links neben dem iFrame vorbeilaufen.
Oben ist der Counter und ein Werbebanner (wie ihr es bestimmt heraus lessen könnt). wie muss ich den overflow befehl eingeben, dass die Seite mit visible so lang wird wie sie laut dem iFrame sein muss?

Bei meinen Versuchen war die Navigation dann immer unter dem iFrame oder der iFrame war nur noch ein paar pixel lang und hoch (uns war an der linken oberen seite)

**Rolus** · 09.01.2005 15:21

Das Problem ist AFAIK, dass iFrames eine Maximalgröße haben.
Naja, vielleicht hilft dir ja dieser Code etwas weiter:

HTML-Code:

<body onload="parent.document.getElementById('iframe').height = document.body.scrollHeight+150;">

Hierbei steht 'iframe' für die ID des iFrames. Du musst in deinem iFrame-Tag also noch ein id="iframe" hinzufügen. Naja, diese Methode ist auch nicht so wirklich schön. Du musst in dem Schlussteil ("+150") nämlich immer abschätzen, wie groß der Frame wird. Und entsprechend mehr oder weniger hinzuaddieren. Wenn du die Seite nur selten änderst und ausprobieren kannst, wieviel du addieren musst, geht es. Aber bei z.B. einem News-Skript wäre das nicht mehr empfehlenswert. Das würde ich dann andere Dinge (Tabellen?) verwenden.
Btw: Du kannst dem iFrame natürlich auch eine feste Höhe zuweisen, wenn du weißt, wie groß er ist. Dann klappt die methode auch.

freundliche Grüße, Rolus

**Nikmaster** · 09.01.2005 16:57

Also der Code brachte mir nicht wirklich viel, dennoch danke
Aber der Befehl von overflow: visible müsste ja den iFrame so weit verlängern (also den inhalt), bis der gesammte inhalt angezeigt wurden. Die Höhenangaben sind somit nicht so wichtig, da sie in jeden Fall nur die minimum der Höhe angibt- die fertige höhe entscheidet der Inhalt. Dieses Beispiel fand ich, dazu. Ändert man dort das "overflow: auto;" in "overflow: visible;" so stellt sich die länge des iFrames selber ein. Bei meiner Problemseite (s. S.) schaffe ich das irgendwie nicht

**el primato** · 09.01.2005 17:19

In dem beispiel geht es aber um etwas ganz anderes. Dort wurde mit CSS ein iframe simuliert, du versuchst das gleiche mit einem richtigen iframe. Deswegen geht das nicht. Wie Rolus schon gesagt hat wird es an der festen größe des iframes liegen. Da kann man dann wohl nichts machen, es sei denn du benutzt den code aus dem beispiel.

**Nikmaster** · 09.01.2005 17:26

Aus dem Beispiel das ich fand?
doch wenn ich dieses Versuche ignoriert der iFrame jegliche größenangaben (also beim ".iframe" oben und beim <iframe>)
dann wirds so ein kleines kästchen.

somit ist das einzige was mir übrigbleibt eine groß genügende Höhe einzugeben? Mehr nicht?

**Rolus** · 09.01.2005 17:30

Ja, da hat Pogo Recht. In dem Beispiel geht es um <div>-Tags. Das kannst du zwar auch benutzen, allerdings kannst du dann nicht mehr auf andere Dateien, wie die 'news.htm' verweisen, denn Tags wie <div src="news.htm> werden von modernen Browsern nicht mehr unterstützt. Du müsstest den ganzen News-Inhalt eben in die Seite einfügen, wenn du dich am Beispiel-Code orientieren möchtest.

freundliche Grüße, Rolus

CSS: overflow:visible

Themen-Optionen

CSS: overflow:visible

Berechtigungen