Zum Inhalt springen

Contentausgabe in iFrame???

Erstellt am 3. Juni 2005 · 19 Antworten · letzte Antwort am 19. Juni 2006

Tags: Frage

Fabian-K ·

Hallo.

Ich habe eine Stinknormale Seite in Typo3 zusammengebastelt.
Soweit so gut.

Aber:
Der mittlere + rechte Content soll in einem iFrame ausgegeben werden.

Grund:
Die seite an sich soll nicht groesser als das Fenster sein, der Text in den Contents allerdings schon, also soll man in den Contents scrollen koennen. Also -> Text zu gross, Fenster zu klein -> iFrame!

Gibt es da irgendwie eine Anleitung oder so?

Und noch eine Problematik:
Ist es dann auch moeglich, das Level3-Submenue in dem mittleren Content im iFrame zu laden? Und falls kein Level3-Submenue vorhanden ist, soll dfer rechte Content den gesamten iFrame ausnutzen koennen.

Ich hoffe da steigt jemand durch..

Danke!!!

just2b ·

ich denke nicht dass ein iframe das richtige für dich ist!
schau dir lieber div mit overflow an!

und das geht natürlich....
im template halt => <div class="bla">###inhalt###</div>

die 2. problematik:
du kannst zB bei wraps nur wrappen, wenn inhalt da ist... das müsste alles gehen

lg georg

Fabian-K ·

Aloah nochmal 🙂

Habe mir das ganze mal angeschaut und mich umgehoert.

Inkompatibilitaet beim Opera und Mozilla ist vollkommen unmoeglich!!!
Es muss mit allen Browsern kompatibel sein, da es ein breites Sprewktum an Browsern gibt, die sich die Seite anschauen werden.

Gibt es Alternativen??

Danke.

just2b ·
Fabian-K schrieb

Inkompatibilitaet beim Opera und Mozilla ist vollkommen unmoeglich!!!
Es muss mit allen Browsern kompatibel sein, da es ein breites Sprewktum an Browsern gibt, die sich die Seite anschauen werden.Gibt es Alternativen??

es halt richtig zu machen... ich setz gerade eine neue Seite auf und da funktioniersts mit IE, FF, Opera einwandfrei!
Aber da meine Zauberkugel gerade defekt ist, kann ich dir nicht sagen, was -du- falsch gemacht hast

Fabian-K ·

Heyho habe noch garnix gemacht.. habs nur gehoert dass es da Probleme gibt/gab. Vielleicht is das in den aktuellen browsern ja nichtmehr der Fall.

Ich probiers einfach mal 🙂

just2b ·
Fabian-K schrieb

Heyho habe noch garnix gemacht.. habs nur gehoert dass es da Probleme gibt/gab. Vielleicht is das in den aktuellen browsern ja nichtmehr der Fall.

Ich probiers einfach mal 🙂

jaja das hören sagen....

Fabian-K ·

Aloah nochmal!

Also ich habe das jetz eingebaut mit den DIV's, aber meine Angst hat sich bestaetigt:
Mozilla FireFox zeigt den Inhalt nicht korrekt an, also es wird keine Scrolleiste angezeigt, sondern der gesamte Text untereinander ausgegeben und somit die gesamte Seite nach unten hin vergroessert.

Aber das soll nicht sein 🙁

Was kann man da machen?

Das is mein css-source:

DIV#content {
	width:100%;
	height:100%;
	overflow:auto;
}
just2b ·

naja bei height: 100% kein wunder oder??

hier hast du mal meins:

<table width="600" align="center" cellspacing="3" class="mainTable">
  <tr> 
    <td width="150" bgcolor="#ffcc00" class="head"><span class="navHd">Navigation</span><br>
      ###MENU2###</td>
    <td colspan="2" align="center" class="head" width="450">###HEADER###</td>
  </tr>###MENU###
  <tr valign="top"> 
    <td colspan="3" class="content"><div class="contentMain">###INHALT###</div></td>
  </tr>
</table>

und

.content {
background-color: #FFFFCC;
color: black;
font-size: 13px;
valign:top;
height: 380px;
}
	
.contentMain {
	height: 370px; 
	overflow:auto; 
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	margin-top: 2px;

}

lg

Fabian-K ·

Aloah!

Das Problem ist halt, dass die Seite dynamisch sein soll,
also in der Groesse soll sie sich immer anpassen.

Das DIV-Zeugs ist in einer Spalte und soll immer 100% der Spalte ausfuellen, allerdings aendert sich ja wegend er dynamik die Spaltengroesse und da sich der DIV immerwieder anpassen soll, geht es nicht mit fester Breite/Hoehe.

Also was tun??

Achja, hier mein HTML-Krams:

<td colspan="4" valign="top" id="content_area"><div id="content">foobar</div></td>

Und hier mein CSS-Zeug:

TD#Content_area {
	height: 100%;
	width: 100%;
}

DIV#content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	vertical-align: top;
	overflow:auto;
}
just2b ·

Hallo,

ich versteh nicht ganz was du willst, gibts da was zum anschauen (link/screen)?

Was passt an deinem jetzigen COde nicht, das ist doch das was du wolltest... Habs nicht getestet, aber das macht dir das div mit 100%x100% und darin das 2. div mit dem padding usw.. und wenn nun der Inhalt foobar größer wird, dann müssten doch die Scrollleisten erscheinen...

lg georg

Fabian-K ·

Ah na sicher ich idiot.. ich lasse einfach height und width weg dann wird das div immer automatisch maximal 100% in der Tabellenzelle.. ich hab daran ueberhaupt nicht gedacht 🙂

Also es hat sich geklaert ^^

Danke 🙂

tine ·

Hallo,

ich arbeite in typo mit hmtl-Templates und habe in meiner template-Vorlage(temp.html) eine html-Tabelle definiert, um den Seitenbereich in einen header, ein Menu, ein hauptfenster und einen Footer zu unterteilen. Innerhalb des Seitentemplates (template, das mit der "root"-Seite meines typo3-Verzeichnisbaumes verknüpft ist) lasse ich bestimmte Bereiche der Tabelle (id=header/ id=main/...) dynamisch mit Inhalt befüllen:

#############################################################
######################Ausschnitt aus meinem Template-Setup
#############################################################
# MAIN TEMPLATE cObject for the BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate{

#feeding the content from the autoparser to the TEMPLATE cObject:
template =< plugin.tx_automaketemplate_pi1
# select only the content beetween the body-Tags
workOnSubpart = DOCUMENT_BODY
# substitute the ###menu_1### subpart with some example-content:
#subparts.menu_1 = TEXT
#subparts.menu_1.value = Hello-World-Menu
# Substitute the ###menu_1### subpart with dynamic menu:
subparts.menu_1 < temp.menu_1
# substitute the ###content### subpart with some example-content:
#subparts.content = TEXT
#subparts.content.value = Hello-World-Content
# substitute the ###content### subpart with dynamic content:
subparts.content <styles.content.get
#############################################################

Nun habe ich das gleiche Problem wie Fabian

|____header_____|
|menu|__main___|
|____footer_____|

Mein "main-Bereich" soll eine feste Größe haben;aber nicht durch eine feste Pixelangabe festgesetzt! Also nicht ala:
<div style="height:600px; overflow:auto;padding: 5px 5px 5px 5px;margin-bottom: 10px; margin-top: 2px;">##content##</div>

Das Problem ist, dass meine Tabelle ja nur im Hintergrund (als Templatevorlage temp.html) existiert, also auch die Tabellenzelle für den main-content nur in der Templatevorlage definiert ist. Diese Tabellenzelle bzw. der Inhalt dieser Zelle wird dann dynamisch durch mein Seitentemplate erzeugt. Daher nutzt es nichts, wenn ich innerhalb meiner Templatevorlage obigen div-Abschnitt (ohne height-Angabe) integriere, da dieser div-Tag von typo3 ignoriert würde. (da ja der gesmate Inhalt in <td id="main">inhalt</td> dynamisch aus dem Seitentemplate erzeugt wird bzw. das Seitentemplate legt fest, dass der Inhalt, den ich mit dem RTE-Editor erzeuge in den main-Bereich gelegt wird).

Wenn ich den div-Tag (ohne height-Angabe) im RTE-Editor jeweils an den Anfang des einzufügenden Contents setze, so werden keine Scrollbalken angezeigt. Nur wenn ich das Höhenattribut mitführe, also eine feste Pixelangabe mache, dann funktioniert es :-(

Das ist aber extrem schlecht. Wenn ich nämlich beispielweise mein Browser-Fenster verkleinere habe ich dann einmal die Scrollbar vom Browser und separat noch einmal die Scrollbar, die ich selbst festgesetzt habe.

Vielleicht habe ich auch den letzten Beitrag nicht verstanden. Wenn ich die Angabe height weglasse, was begrenzt dann die Höhe? wird die Höhe dann im td mit einer festen Pixelangabe begrenzt? Wo ist dann der Unterschied??

Im Prinzip ist die von mir angestrebte Lösung sowieso subotpimal, da ich in jedem content-bereich/rte-bereich den entsprechenden div-Tag einfügen müsste. schöner wäre es natürlich, wenn ich an zentraler Stelle definieren könnte, dass mein main-Fenster nur eine bestimmte Größe hat und wenn der enthaltene Text größer ist automatisch Scrollbalken eingefügt werden....

Bin für jeden Tipp sehr dankbar!!

tine

tine ·

Hallo,

ich habe jetzt eine lösung meines Probelms gefunden. Zwar ist Sie nicht ganz das was ich gesucht habe, da die Größe des Contentbereichs jetzt doch gefixt ist, aber es sieht halbwegs passabel aus.

#############################################################
######################Ausschnitt aus meinem Template-Setup
#############################################################
# MAIN TEMPLATE cObject for the BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate{

#feeding the content from the autoparser to the TEMPLATE cObject:
template =< plugin.tx_automaketemplate_pi1
# select only the content beetween the body-Tags
workOnSubpart = DOCUMENT_BODY
# substitute the ###menu_1### subpart with some example-content:
#subparts.menu_1 = TEXT
#subparts.menu_1.value = Hello-World-Menu
# Substitute the ###menu_1### subpart with dynamic menu:
subparts.menu_1 < temp.menu_1
# substitute the ###content### subpart with some example-content:
#subparts.content = TEXT
#subparts.content.value = Hello-World-Content
# substitute the ###content### subpart with dynamic content:
subparts.content <styles.content.get
#um scrollbalken im contentbereich einzuführen:
subparts.content.wrap = <div style="width:100%;height:700px;overflow:auto">|</div>

#############################################################[/b]

Falls jemand noch einen besseren Vorschlag hat bitte posten! *danke*

tine

thorty ·

Hallo,

ich habe jetzt eine lösung meines Probelms gefunden. Zwar ist Sie nicht ganz das was ich gesucht habe, da die Größe des Contentbereichs jetzt doch gefixt ist, aber es sieht halbwegs passabel aus.

warum machst du die höhe des DIV-Tags nicht auch 100%? dann wärs voll dynamisch.

bayleaf ·

Halli Hallo,

ich habe ein Problem.
Ich arbeite mich gerade in Typo3 ein und habe noch nicht ganz den Überblick – das mal vorab.

Ich habe mir mit GoLive Designvorlagen erstellt.
Sie bestehen aus einer Haupttabelle in der eine weitere Tabelle impliziert ist. Diese Tabelle soll sich in der Größe nicht ändern. Der Text, der jedoch dort eingefügt werden soll ist zu lang. Im Moment sieht es im Frontend so aus, dass der Text komplett erscheint und die Tabelle entsprechend nach unten verlängert wird. Das soll aber nicht so sein. Ich will, dass der Inhalt scrollbar ist und die Tabellengröße bleibt.

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/contact.html
10.workOnSubpart = DOKUMENT
10.marks {
 CONTENT = CONTENT
 CONTENT {
  table = tt_content
  select.orderBy = sorting
  select.where = colPos = 0
 }

Wie bekomme ich den Text, den ich in Typo3 editiere scrollbar?

Unbekannter Benutzer ·

Naja, das hat eigentlich wenig mit TYPO zu tun.

Du musst der Tabelle (eigentlich wäre natürlich DIV besser) mit den Attributen height, min-height und max-height die Höhe zuweisen und dann ein overflow: scroll hinzu.

bayleaf ·

Das "overflow: scroll" muss ich aber in Typo einügen, oder?
Ist die Zeile im Typoscript dann egal?

Wo liegt der Unterschied von einer Tabelle zu DIV?
Ich habe da ehrlich gesagt nicht den Überblick.

In den vorhergehenden Themen wurde das mit dem DIV ja schon erwähnt. Ich hatte es auch versucht so zu programmieren, allerdings hat es nicht wirklich funktioniert. Letztendlich stand nicht der Text im Frontend, den ich gerne einfügen wollte.

Unbekannter Benutzer ·

overflow ist auch ein CSS-Attribut, d.h. dass gehört ins Stylesheet. Naja, was es mit den DIVs auf sich hat ist eine umfangreiche Geschichte. Da kann ich dich nur bitten mal ein bisschen zu stöbern und dir ein HowTo über Webdesign mit DIV und CSS durchzulesen.

d.​walter ·

Wenn du mal ein Layout ohne Tabellen basteln willst, dann such mal bei Google nach Yaml.

Lad dir das runter und arbeite dich da einfach mal durch. Ist ein ziemlich umfangreiche Geschichte, die nur auf CSS basiert.

Gruß

Daniel