Zum Inhalt springen

Scrollen im tt_content ohne Frame, nur mit TS ?

Erstellt am 20. April 2005 · 8 Antworten · letzte Antwort am 21. April 2005

Tags: HTML & CSS, Frage

Suse ·

Hallo,
ich möchte, dass mein Inhalt, wenn er gößer ist als die vorgegebene Seite, nicht die Größe der Seite verändert. Es soll dann eine Scrollanzeige erscheinen. Ist das ohne Frame und css möglich, nur mit TS ?
Habe schon unter "suchen" nach scroll alle Themen durch, habe aber nichts für mich gefunden.
Kann mir jemand helfen ???

Hier mein TS

seite = PAGE

seite {
typeNum = 0
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
includeLibs.tmenu_layers = media/scripts/gmenu_layers.php
bodyTag = <body bgColor = "white">
stylesheet = fileadmin/style.css
meta.AUTHOR =
meta.DESCRIPTION = Hier steht eine Beschreibung

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/amatemplate_2.html
10.workOnSubbart = DOKUMENT
10.marks {
UEBERSCHRIFT = IMAGE
UEBERSCHRIFT.file = GIFBUILDER
UEBERSCHRIFT.file {
XY = 559, 86
backColor = #CC0000
10 = TEXT
10.text.field = subtitle // title
10.fontSize = 38
10.fontFile = fileadmin/fonts/arialbi.ttf
10.fontColor = #000000
10.niceText = 1
10.offset = 10, 55

20 = TEXT
20.text.field = subtitle // title
20.fontSize = 30
20.fontFile = fileadmin//fonts//arialb.ttf
20.fontColor = #E2F5E5
20.niceText = 1
20.offset = 40, 68
}
#################
# MENU_OBEN EBENE 1 #
#################
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 29
MENU_OBEN.1 = GMENU_LAYERS
MENU_OBEN.1 {
layerStyle = position:absolute;left:30px;top:230px;width:10px; VISIBILITY:hidden;
xPosOffset = -200
yPosOffset = -10
lockPosition = x
dontFollowMouse = true
dontHideOnMouseUp = 0
expAll=1
NO {
backColor = #CC0000
XY = 130, 20
wrap = &nbsp; |
10 = TEXT
10.text.field = title
10.offset = 1,15
10.fontSize = 13
10.fontColor = #000000
10.fontFile = fileadmin/fonts/arialbi.ttf
10.niceText = 1
}
RO < .NO
RO = 1
RO {
10.fontColor = #FFFFFF
}
ACT < .RO
}

#################
# MENU_OBEN EBENE 2 #
#################

MENU_OBEN.2 = GMENU_LAYERS
MENU_OBEN.2 {
layerStyle = position:absolute;width:10px; VISIBILITY:hidden;
xPosOffset = -10
yPosOffset = -215
lockPosition = y
dontFollowMouse=true
displayActiveOnLoad = 0
expAll = 1
NO {
backColor = |*| #C9C7C7 || #C9C7C7 |*|
XY = 140, 20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/arial.ttf
10.niceText = 1
10.fontSize = 14
10.offset = 5,13

20 = BOX
20.dimensions = 0,0,1,20
20.color = #000000

30 < .20
30.align = r

40 = BOX ||
40.dimensions = 0,0,140,1
40.color = #000000

50 = |*||*| || BOX
50.dimensions = 0,0,140,1

50.color = #000000
50.align = ,b

}

RO < .NO
RO = 1
RO {
backColor = #CC0000
}

}
#################
# MENU_OBEN EBENE 3 #
#################

MENU_OBEN.3 = GMENU
MENU_OBEN.3 {
NO {
backColor = |*| #C9C7C7 || #C9C7C7 |*|
XY = 140, 20
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/arial.ttf
10.niceText = 1
10.fontSize = 14
10.offset = 5,13

20 = BOX
20.dimensions = 0,0,1,20
20.color = #000000

30 < .20
30.align = r

40 = BOX ||
40.dimensions = 0,0,140,1
40.color = #000000

50 = |*||*| || BOX
50.dimensions = 0,0,140,1
50.color = #000000
50.align = ,b
}
RO < .NO
RO = 1
RO {
backColor = #CC0000
}
}
#########
#Laufleiste#
#########

LAUFLEISTE >
LAUFLEISTE = RECORDS
LAUFLEISTE {
tables = tt_content
source = 38

}

############
#rechtees MENÜ#
############

SPON1= HMENU
SPON1.special = directory
SPON1.special.value = 48
SPON1.1 = TMENU
SPON1.1.NO = 1
SPON1.1.NO.ATagParams = class="linkWeiss"

SPON2= HMENU
SPON2.special = directory
SPON2.special.value = 53
SPON2.1 = TMENU
SPON2.1.NO = 1
SPON2.1.NO.ATagParams = class="linkWeiss"

SPON3= HMENU
SPON3.special = directory
SPON3.special.value = 51
SPON3.1 = TMENU
SPON3.1.NO = 1
SPON3.1.NO.ATagParams = class="linkWeiss"

SPON4= HMENU
SPON4.special = directory
SPON4.special.value = 50
SPON4.1 = TMENU
SPON4.1.NO = 1
SPON4.1.NO.ATagParams = class="linkWeiss"

UNTEN= HMENU
UNTEN.special = directory
UNTEN.special.value = 60
UNTEN.1 = TMENU
UNTEN.1.NO = 1
UNTEN.1.NO.ATagParams = class="linkWeiss

###########
#linkes MENÜ #
###########

MEN_LI = HMENU
MEN_LI.special = directory
MEN_LI.special.value = 28

MEN_LI.entryLevel = 1
MEN_LI.1 = GMENU
MEN_LI.1 {
expAll=0
NO {
backColor= #eeeeee
wrap = | <br>
XY = 170, 20
10 = TEXT
10.text.field = title
10.fontFace = fileadmin/fonts/arial.ttf
10.fontColor = #000066
10.fontSize = 12
10.fontWeight = normal
10.offset = 7, 14
10.niceText = 1
}

ACT < .NO
ACT = 1
ACT {
backColor = #CBD4DD
10.fontColor = #000000
10.fontWeight = bold
}

RO < .NO
RO=1
RO {
backColor= #eeeeee
10.fontColor = 0909D7
}
}

MEN_LI.2 = GMENU
MEN_LI.2 {
expAll = 1
NO {
wrap = | <br>
XY = 170, 18
10 = TEXT
10.text.field = title
10.fontFace = fileadmin/fonts/arial.ttf
10.fontColor = #000066
10.fontSize = 12
10.offset = 20, 12
10.niceText = 1
}

ACT < .NO
ACT = 1
ACT {
backColor = #F1F1F3
# 10.fontColor = red
}

RO < .NO
RO=1
RO {
backColor= #eeeeee
10.fontColor = #000000
10.fontWeight = bold
10.font.decoration= underline
}

}

INHALT = CONTENT
INHALT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
tt_content.wrap =<marquee behavior="scroll" align="left" direction="up" height="220"
scrollamount="1" scrolldelay="30" onmouseover='this.stop()' onmouseout='this.start()'>|</marquee>
}

UNTEN >
UNTEN = RECORDS
UNTEN{
tables = tt_content
source = 53

}

}
}

}

pid ·

ganz einfach per css zu lösen.

#content {


width: 500px;
height: 500px;
overflow: auto;

}

einfach dem content-container eine feste grösse zuweisen und dann per "overflow: auto;" festlegen, dass gescrollt wird, wenn der inhalt zu gross wird.

Suse ·

Habe diesen Code im css eingetragen. Funktioniert aber nicht. Muss da nicht noch etwas im TS eingetragen werden ?
Gibt es nicht auch einen Code, nur für den TS ??

pid ·

hast du dem div-containter, der gescrollt werden soll denn acuh die id "content" gegeben?

dies per ts zu lösen ist glaube ich nicht möglich, wäre auch unsinnig

Suse ·

Ich stelle mich jetzt wohl sehr blöd an !!
Hier noch mal die Auszüge aus dem TS

INHALT = CONTENT
INHALT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
stylesheet = fileadmin/style.css

width: 500px;
height: 500px;
overflow: auto;

}

Hier mein css

<style type="text/css">

<!--
a:link {
font-size:13pt;font-weight: bold; font-style: italic; color: #000000; text-decoration:none;}
a:visited {
font-size: 13pt;font-weight: bold; color: #000000; font-style: italic; text-decoration:none;}
body {
background: #CCCCCC; scrollbar-arrow-color:#a00020;}
td {
font-size: 16pt; color: #000000; }

#INHALT {
width: 500px;
height: 500px;
overflow: auto;

}
-->
</style>

hier mein html

<td valign="top" width="565" bgcolor="#FFFFFF" height="360" rowspan="6"><div id="myDivTag">###INHALT###</div></td>

Hier liegt irgendwo der Wurm drin...

Suse ·

oh, habe es hin bekommen, musste natürlich im css die Devinition myDivTag eintragen anstatt INHALT.
Danke

hardcoder ·

hätte man auf die schnelle auch so machen können:

marks.CONTENT < styles.content.get
marks.CONTENT.wrap = <div style="width:500px;height:500px;overflow:auto">|</div>