Inline Frame und Firefox bzw. Tabelleninhalt scrollen

[kalium]

Hallo,
ich habe folgendes Problem:

Ich habe auf meiner Homepage einen Inline Frame erstellt, in dem dann als Grafik eingebunden meine Vita erscheint. Firefox verkleinert die Grafik aber zuerst, so dass kein Scrollbalken erscheint und erst beim draufklicken auf die Grafik (Vergrößerungssymbol erscheint) baut sich die Grafik richtig auf und der erwünschte Scrollbalken erscheint.

Ich habs mal trotzdem hochgeladen, damit man mich auch versteht: http://www.kalium82.de/vita.html

Ich wollte eigentlich nicht mit Inlineframe arbeiten, sondern der Grafik einfach per CSS sagen, dass sie einen automatischen Überlauf (Scrollbalken) erzeugt, wenn die Grafik größer als die Zelle ist.
Dieses Problem werde ich auch auf der Home-Site haben, wenn ich die Newsmeldungen verlänger, klappts mit dem Überlauf nicht, sondern die Zelle vergrößert sich einfach...

Ich hoffe ich habe mein Problem verständlich geschildert ;-)
Ich bin übrigens einer dieser unsäglichen, die mit dem What-you-see-is-what-you-get-Modus arbeiten, html ist bei mir noch ziemliche Fremdsprache. Freu mich trotzdem über Tipps...

Gruß kalium

[UweB]

Hallo kalium,
anstatt die Grafik direkt in den iframe zu verlinken, solltest du sie auf eine html Seite stellen (mit entsprechender Größenangabe). Diese html Seite verlinkst du dann im iframe.

Gruß
Uwe

[kalium]

Ahhh, das ist schonmal super, vielen Dank!

Ich würde das ganze allerdings am liebsten ohne Inlineframe machen, weil ich dann den Text größer platzieren könnte und die Grafik im Hintergrund lassen könnte ohne das etwas davon verschwindet. Quasi das Text etwas über den Anschnitt vom Baum gehen kann.

Hat da jemand noch nen entscheidenden Tip für mich?

[UweB]

Hallo kalium,
setzt die Grafik doch einfach in ein div-Element mit fester Größe und "overflow: auto".
Beispiel

Gruß
Uwe

[kalium]

ich und html *schäm*
ich werd mir das mal genauer angucken was du meinst. hört sich spontan nach ner zelle an, der ich nen automatischen überlauf zuweise... so in der art hatte ich das schon probiert, aber danke für den tipp, ich werd mich nochmal ransetzen und brav html lernen

[UweB]

Warum kopierst du nicht einfach den Queltext des Beispiels in deine Seite und passt die Größe an?

[kalium]

Zitat von UweB

Warum kopierst du nicht einfach den Queltext des Beispiels in deine Seite und passt die Größe an?

Meine Html-Kenntnisse sind wie gesagt sehr begrenzt, da ich mit GoLive im Layout-Modus arbeite und den Quelltext nur im Ausnahmefall anschaue...

Ich versuche also für die Zelle in der das ganze stattfinden soll einen Klassenstil zuzuweisen, dem ich dann in den Blockeigenschaften sag Abschneiden--> Überlauf--> Automatisch
Aber wenn ich jetzt einen längeren Text (beispielsweise den Text von der Homesite verlängert) in der entsprechenden Zelle habe und der Zelle den Klassenstil zuweise, dann verlängert sich die ganze Zelle und sprengt mein Layout. Wo liegt denn da mein Denkfehler, dass es nicht möglich ist, der Zelle einen enfachen Scrollbalken zuzuweisen?

Wär super, wenn ich weitere Hilfe bekommen könnte

[UweB]

Hallo kalium,
ich bin mir nicht sicher, ob das mit Tabellenzellen überhaupt geht. Im Beispiel ist es ein div-Element. Das wiederum könnte aber in der Zelle liegen. Wichtig ist dabei, dass der Klassenstil eine feste Höhe hat. Sonst passt sich das Element einfach dem Inhalt an und ein Scrollbalken wird nicht benötigt.

Gruß
Uwe

[kalium]

Kann ein <div>Element einfach auf einer Zelle liegen, so dass ich den Hintergrund noch sehe, wenn ich im <div>Element nur Text habe oder ein transparentes Bild?
Und kann man es einstellen, dass der Scrollbalken auf der anderen Seite erscheint?

Gruß und Dank Carl

[kalium]

Also irgendwie krieg ich das mit dem overflow nicht gebacken, ich poste mal den html-code, vielleicht kannst Du mir kurz zeigen, wie und wo ich den overflow festlege:

<table width="800" border="0" cellspacing="0" cellpadding="0" align="center" height="600">
<tr height="149">
<td colspan="2" width="800" height="149" background="Bilder/header.gif"></td>
</tr>
<tr height="451">
<td width="663" height="451" background="Bilder/main.gif">
<table width="663" border="0" cellspacing="0" cellpadding="0" height="420">
<tr>
<td class="text">
<div id="content">
<img src="Bilder/Vita.gif" alt="" width="544" height="420" border="0"/></div>
</td>
</tr>
</table>
</td>

Das fette ist die Zellbegrenzung, darüberhinaus soll das Bild oder der sonstige Inhalt später nicht gehen.

[UweB]

hallo kalium,
da fehlen die entscheidenden Teile des Quelltextes.
Die markierte Tabelle ist aber total überflüssig.
Die soll ja duch das div-Element ersetzt werden.
Nimm einfach den Quelltext aus Beispiel2 und ersteze den Pfad zu Vita.gif .

Gruß
Uwe