---
title: "Scrollen im tt_content ohne Frame, nur mit TS ?"
url: "https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2005-04-20"
last_reply: "2005-04-21"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# Scrollen im tt_content ohne Frame, nur mit TS ?

Allgemein · 8 Antworten · gestartet 2005-04-20

## Eröffnungsbeitrag

**Suse** · 2005-04-20 · [Beitrag #1](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/1)

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

}

}
}

}

## Antworten

### [#2](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/2) · pid · 2005-04-20

ganz einfach per css zu lösen.

```css
#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.

### [#3](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/3) · webdeveloper · 2005-04-20

wobei darauf hinzuweisen ist, dass dies nicht in allen browsern klappt...

### [#4](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/4) · Suse · 2005-04-21

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 ??

### [#5](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/5) · pid · 2005-04-21

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

### [#6](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/6) · Suse · 2005-04-21

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...

### [#7](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/7) · Suse · 2005-04-21

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

### [#8](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/8) · greenbanana · 2005-04-21

Super Sache... Danke Euch !!!

Gruss GreenBanana

### [#9](https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts/9) · hardcoder · 2005-04-21

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>

---

Quelle: „Scrollen im tt_content ohne Frame, nur mit TS ?“, typo3.net, https://www.typo3.net/d/23894-scrollen-im-tt-content-ohne-frame-nur-mit-ts
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.