scrollen im Content

moscito · 12 November 2004, 00:00:17

ich habe jetzt ein paar stunden probiert, komme aber zu keinem ordentlichen ergebniss.

Wie stelle ich es an das sich die texte im inhaltsmanager nicht unendlich nach unten ausdehnen?
ich möchte den text scrollen lassen in einem container oder sonstwas.
Ziel ist das der inhalt eine gewisse länge nicht überschreitet.
Ich raffe einfach nicht wir es geht. habs mit Tabellen und ebenen probiert, aber es klappt einfach nicht wir ich mir das vorstelle.

mfg
andy

henne · 12 November 2004, 06:37:46

so funzt es bei mir allerdings hab ich das direkt im Theme für den gesamten mittleren Content gemacht:

<div style="overflow: auto; width: XXXpx; height: XXXpx;">hier deine Tabelle mit den Inhalten</div>

probiers mal aus...

soll das ganze nur im Inhaltsmanager funktionieren oder allgemein im ganzen Theme(Contentbereich) ?

NeMeSiSX2LC · 12 November 2004, 08:05:19

Muss das div zeug nicht in die Tabelle??

Weil bei mir ging das nie wenn ich die Tabelle da rein gemacht hab

henne · 12 November 2004, 08:14:00

hmm also bei funzt es so wie oben geschrieben

Andi · 12 November 2004, 08:30:05

Moin

bei dem overflow Parameter ist es ganz wichtig, dass eine Höhen und Breitenangabe für den Bereich mit angegeben wird. Ohne funzt es nicht. Mozilla und Co. akzeptieren hier auch % Angaben, der besch.... IE nicht.

moscito · 12 November 2004, 12:35:28

Jo jeeht wa.

Wir mach ich es dann das ich das im gesamten contentbereich habe? so muss ich ja für jeden neu erstellten content die werte setzen.
Du hast das direkt im theme gemch sagst du?

henne · 12 November 2004, 13:19:15

jup einfach den Div um die Tabelle mit dem Mittelcontent legen. Wenn du nicht klar kommst kannst Du ja mal den Code aus Deinem Theme posten.

Ist das Theme schon auf der Basis der Themeengine ? Wenn ja kannst dann falls Du es nicht hinbekommst die theme.html posten.

moscito · 12 November 2004, 14:21:03

<html>
<head>
<title>theme.gif</title>
<meta http-equiv="Content-Type" content="text/html;">

<link type="text/css" href="style/style.css" rel="StyleSheet">
</head>
<body bgcolor="#0099cc">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td style="background-image:url(images/spacer.gif);" width="26" height="1" border="0" alt=""></td>
<td style="background-image:url(images/spacer.gif);" width="742" height="1" border="0" alt=""></td>
<td style="background-image:url(images/spacer.gif);" width="32" height="1" border="0" alt=""></td>
<td style="background-image:url(images/spacer.gif);" width="1" height="1" border="0" alt=""></td>
</tr>

<tr>
<td colspan="3" style="background-image:url(images/theme_r1_c1.gif);" width="800" height="19" border="0" alt=""></td>
<td style="background-image:url(images/spacer.gif);" width="1" height="19" border="0" alt=""></td>
</tr>
<tr>
<td style="background-image:url(images/theme_r2_c1.gif);" width="26" height="97" border="0" alt=""></td>
<td style="background-image:url(images/theme_r2_c2.gif);" width="742" height="97" border="0" alt=""></td>
<td style="background-image:url(images/theme_r2_c3.gif);" width="32" height="97" border="0" alt=""></td>
<td style="background-image:url(images/spacer.gif);" width="1" height="97" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3" style="background-image:url(images/theme_r3_c1.gif);" width="800" height="18" border="0" alt=""><div id="loginform">
<div align="left">
<div id="pathview"> {CURRENTPATH}</div>
</div>
</div></td>
<td style="background-image:url(images/spacer.gif);" width="1" height="18" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3" style="background-image:url(images/theme_r4_c1.gif);" width="800" height="440" border="0" alt=""><table style="width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="blocksLeft" width="160" valign="top">


<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="boxtitle" style="OVERFLOW: hidden; WIDTH: 150px; PADDING-LEFT: 5px; PADDING-TOP: 3px;">{BLOCK_TITLE}</td>
</tr>
<tr>
<td valign="top" class="boxcontent"><span style="OVERFLOW: hidden; WIDTH: 150px; PADDING-TOP: 3px; PADDING-BOTTOM: 8px; max-width: 150px;">
{BLOCK_CONTENT}</span></td>
</tr>
</table>


</td>
<td class="CenterBox" valign="top" >
<table align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
<tbody>
<tr>
<td>  </td>
</tr>
</tbody>
</table>


<table align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
<tbody>
<tr>
<td> <table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td> <div class="storytitle">{BLOCK_TITLE}</div></td>
</tr>
<tr>
<td><div class="content">{BLOCK_CONTENT}</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<br>




<table align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
<tbody>
<tr>
<td> <table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="content">{OPENCLOSE_TABLE}</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>

<br>

<table align="center" cellpadding="1" cellspacing="1" border="0" width="70%">
<tbody>
<tr>
<td> <table bgcolor="#ffffff" cellpadding="0" cellspacing="8" border="0" width="100%">
<tbody>
<tr>
<td>{OPENCLOSE_TABLE_2}</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>

<br>

<table align="center" cellpadding="1" cellspacing="1" border="0" width="85%">
<tbody>
<tr>
<td bgcolor="#C4060B"> <table bgcolor="#ffffff" cellpadding="0" cellspacing="8" border="0" width="100%">
<tbody>
<tr>
<td align="center">{OPENCLOSE_TABLE_AL}</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>

<br>

<table cellpadding="0" cellspacing="1" border="0" width="100%">
<tbody>
<tr>
<td> <table bgcolor="#ffffff" cellpadding="1" cellspacing="0" border="0" width="100%">
<tbody>
<tr valign="top">
<td> <div class="storytitle">{$title}</div></td>
<td valign="top" width="1%">{$buttons}</td>
</tr>
</tbody>
</table>
<table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
<tbody>
<tr valign="top">
<td class="content">{$content}</td>
</tr>
</tbody>
</table>
<table bgcolor="#ffffff" cellpadding="3" cellspacing="0" border="0" width="100%">
<tbody>
<tr valign="bottom">
<td class="tiny">{$infoline}</td>
<td>{$readmore}</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<br>


<table cellpadding="0" cellspacing="1" border="0" width="100%">
<tbody>
<tr>
<td> <table bgcolor="#ffffff" cellpadding="1" cellspacing="0" border="0" width="100%">
<tbody>
<tr valign="top">
<td> <div class="storytitle">{$title}</div></td>
<td valign="top" width="1%">{$buttons}</td>
</tr>
</tbody>
</table>
<table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
<tbody>
<tr valign="top">
<td class="content">{$content}</td>
</tr>
</tbody>
</table>
<table bgcolor="#ffffff" cellpadding="3" cellspacing="0" border="0" width="100%">
<tbody>
<tr valign="bottom">
<td class="tiny">{$infoline}</td>
<td>{$readmore}</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<br>


<table cellpadding="0" cellspacing="1" border="0" width="100%">
<tbody>
<tr>
<td> <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td> <div class="storytitle">{$title}</div></td>
<td valign="top" align="right"> </td>
</tr>
</tbody>
</table>
<table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
<tbody>
<tr valign="bottom">
<td class="content"><i>{$infoline}</i></td>
</tr>
</tbody>
</table>
<img alt="" border="0" height="1" width="1" src="images/pixel.gif"><br>
<table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td> <div class="content">{$content}</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>




<table align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
<tbody>
<tr>
<td> <table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td> <div class="storytitle">{BLOCK_TITLE}</div></td>
<td valign="top" align="right"> </td>
</tr>
<tr>
<td colspan="2"> <div class="content">{BLOCK_CONTENT}</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<br>

<br>

</td>

<td class="blocksRight" width="160" valign="top">


<table border="0" cellspacing="0" cellpadding="4">
<tr>
<td class="boxtitle" style="OVERFLOW: hidden; WIDTH: 150px; PADDING-LEFT: 5px; PADDING-TOP: 3px;">{BLOCK_TITLE}</td>
</tr>
<tr>
<td class="boxcontent"><span style="OVERFLOW: hidden; WIDTH: 150px; PADDING-TOP: 3px; PADDING-BOTTOM: 8px; max-width: 150px;">
{BLOCK_CONTENT}</span></td>
</tr>
</table>


</td>

</tr>
</table></td>
<td style="background-image:url(images/spacer.gif);" width="1" height="440" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3" style="background-image:url(images/theme_r5_c1.gif);" width="800" height="26" border="0" alt=""><table width="100%" border="0">
<tr>
<td class="footmsg"><div align="center">{FOOTMESSAGE}<br>
{VIEWBENCH} </div></td>
</tr>
</table></td>
<td style="background-image:url(images/spacer.gif);" width="1" height="26" border="0" alt=""></td>
</tr>
</table>
</body>
</html>

henne · 23 November 2004, 09:19:27

Moin Moscito,

hatte den Eintrag irgendwie übersehen sorry. So sollte es funzen... Ist allerdings nur der Mittelcontent, die rechten Blöcke sin nicht mit eingeschlossen in den Scrollbereich.

Code Auswählen

<html>
<head>
<title>theme.gif</title>
<meta http-equiv="Content-Type" content="text/html;">
<!-- Fireworks MX Dreamweaver MX target.  Created Wed Nov 10 23:44:30 GMT+0100 (Westeuropäische Normalzeit) 2004-->
<link type="text/css" href="style/style.css" rel="StyleSheet">
</head>
<body bgcolor="#0099cc">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <!-- fwtable fwsrc="Unbenannt" fwbase="theme.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
  <tr>
   <td style="background-image:url(images/spacer.gif);" width="26" height="1" border="0" alt=""></td>
   <td style="background-image:url(images/spacer.gif);" width="742" height="1" border="0" alt=""></td>
   <td style="background-image:url(images/spacer.gif);" width="32" height="1" border="0" alt=""></td>
   <td style="background-image:url(images/spacer.gif);" width="1" height="1" border="0" alt=""></td>
  </tr>

  <tr>
   <td colspan="3" style="background-image:url(images/theme_r1_c1.gif);" width="800" height="19" border="0" alt=""></td>
   <td style="background-image:url(images/spacer.gif);" width="1" height="19" border="0" alt=""></td>
  </tr>
  <tr>
   <td style="background-image:url(images/theme_r2_c1.gif);" width="26" height="97" border="0" alt=""></td>
   <td style="background-image:url(images/theme_r2_c2.gif);" width="742" height="97" border="0" alt=""></td>
   <td style="background-image:url(images/theme_r2_c3.gif);" width="32" height="97" border="0" alt=""></td>
   <td style="background-image:url(images/spacer.gif);" width="1" height="97" border="0" alt=""></td>
  </tr>
  <tr>
   <td colspan="3" style="background-image:url(images/theme_r3_c1.gif);" width="800" height="18" border="0" alt=""><div id="loginform">
        <div align="left">
          <div id="pathview">&nbsp;{CURRENTPATH}</div>
        </div>
      </div></td>
   <td style="background-image:url(images/spacer.gif);" width="1" height="18" border="0" alt=""></td>
  </tr>
  <tr>
   <td colspan="3" style="background-image:url(images/theme_r4_c1.gif);" width="800" height="440" border="0" alt=""><table style="width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td class="blocksLeft" width="160" valign="top">
            <!-- START blocks_left_loop -->
            <!-- START block_left -->
            <table  border="0" cellspacing="0" cellpadding="2">
              <tr>
                <td class="boxtitle" style="OVERFLOW: hidden; WIDTH: 150px; PADDING-LEFT: 5px; PADDING-TOP: 3px;">{BLOCK_TITLE}</td>
              </tr>
              <tr>
                <td valign="top" class="boxcontent"><span style="OVERFLOW: hidden; WIDTH: 150px; PADDING-TOP: 3px; PADDING-BOTTOM: 8px; max-width: 150px;">
                  {BLOCK_CONTENT}</span></td>
              </tr>
            </table>
            <!-- END block_left -->
            <!-- END blocks_left_loop -->
          </td>
           <td class="CenterBox" valign="top" >
            <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
              <tbody>
                <tr>
                  <td>&nbsp; </td>
                </tr>
              </tbody>
            </table>
			<div style="overflow: auto; width: 517px; height: 387px;">
            <!-- START blocks_center_top_loop -->
            <!-- START block_center_top -->
            <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
              <tbody>
                <tr>
                  <td> <table cellpadding="0" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr>
                          <td> <div class="storytitle">{BLOCK_TITLE}</div></td>
                        </tr>
                        <tr>
                          <td><div class="content">{BLOCK_CONTENT}</div></td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <br>
            <!-- END block_center_top -->
            <!-- END blocks_center_top_loop -->
            <!-- START script_output -->
            <!-- START opentable -->
            <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
              <tbody>
                <tr>
                  <td> <table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr>
                          <td class="content">{OPENCLOSE_TABLE}</td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <!-- END opentable -->
            <br>
            <!-- START opentable2 -->
            <table align="center" cellpadding="1" cellspacing="1" border="0" width="70%">
              <tbody>
                <tr>
                  <td> <table bgcolor="#ffffff" cellpadding="0" cellspacing="8" border="0" width="100%">
                      <tbody>
                        <tr>
                          <td>{OPENCLOSE_TABLE_2}</td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <!-- END opentable2 -->
            <br>
            <!-- START opentableal -->
            <table align="center" cellpadding="1" cellspacing="1" border="0" width="85%">
              <tbody>
                <tr>
                  <td bgcolor="#C4060B"> <table bgcolor="#ffffff" cellpadding="0" cellspacing="8" border="0" width="100%">
                      <tbody>
                        <tr>
                          <td align="center">{OPENCLOSE_TABLE_AL}</td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <!-- END opentableal -->
            <br>
            <!-- START themeindex_1 -->
            <table cellpadding="0" cellspacing="1" border="0" width="100%">
              <tbody>
                <tr>
                  <td> <table bgcolor="#ffffff" cellpadding="1" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr valign="top">
                          <td> <div class="storytitle">{$title}</div></td>
                          <td valign="top" width="1%">{$buttons}</td>
                        </tr>
                      </tbody>
                    </table>
                    <table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr valign="top">
                          <td class="content">{$content}</td>
                        </tr>
                      </tbody>
                    </table>
                    <table bgcolor="#ffffff" cellpadding="3" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr valign="bottom">
                          <td class="tiny">{$infoline}</td>
                          <td>{$readmore}</td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <br>
            <!-- END themeindex_1 -->
            <!-- START themeindex_2 -->
            <table cellpadding="0" cellspacing="1" border="0" width="100%">
              <tbody>
                <tr>
                  <td> <table bgcolor="#ffffff" cellpadding="1" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr valign="top">
                          <td> <div class="storytitle">{$title}</div></td>
                          <td valign="top" width="1%">{$buttons}</td>
                        </tr>
                      </tbody>
                    </table>
                    <table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr valign="top">
                          <td class="content">{$content}</td>
                        </tr>
                      </tbody>
                    </table>
                    <table bgcolor="#ffffff" cellpadding="3" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr valign="bottom">
                          <td class="tiny">{$infoline}</td>
                          <td>{$readmore}</td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <br>
            <!-- END themeindex_2 -->
            <!-- START themearticle -->
            <table  cellpadding="0" cellspacing="1" border="0" width="100%">
              <tbody>
                <tr>
                  <td> <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr>
                          <td> <div class="storytitle">{$title}</div></td>
                          <td valign="top" align="right">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>
                    <table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr valign="bottom">
                          <td class="content"><i>{$infoline}</i></td>
                        </tr>
                      </tbody>
                    </table>
                    <img alt="" border="0" height="1" width="1" src="images/pixel.gif"><br>
                    <table bgcolor="#ffffff" cellpadding="5" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr>
                          <td> <div class="content">{$content}</div></td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <!-- END themearticle -->
            <!-- END script_output -->
            <!-- START blocks_center_down_loop -->
            <!-- START block_center_down -->
            <table align="center" cellpadding="0" cellspacing="1" border="0" width="100%">
              <tbody>
                <tr>
                  <td> <table  cellpadding="0" cellspacing="0" border="0" width="100%">
                      <tbody>
                        <tr>
                          <td> <div class="storytitle">{BLOCK_TITLE}</div></td>
                          <td valign="top" align="right">&nbsp;</td>
                        </tr>
                        <tr>
                          <td colspan="2"> <div class="content">{BLOCK_CONTENT}</div></td>
                        </tr>
                      </tbody>
                    </table></td>
                </tr>
              </tbody>
            </table>
            <br>
            <!-- END block_center_down -->
            <br>
            <!-- END blocks_center_down_loop -->
			</div>
          </td>
          <!-- START index_on -->
          <td class="blocksRight" width="160" valign="top">
            <!-- START blocks_right_loop -->
            <!-- START block_right -->
            <table  border="0" cellspacing="0" cellpadding="4">
              <tr>
                <td class="boxtitle" style="OVERFLOW: hidden; WIDTH: 150px; PADDING-LEFT: 5px; PADDING-TOP: 3px;">{BLOCK_TITLE}</td>
              </tr>
              <tr>
                <td class="boxcontent"><span style="OVERFLOW: hidden; WIDTH: 150px; PADDING-TOP: 3px; PADDING-BOTTOM: 8px; max-width: 150px;">
                  {BLOCK_CONTENT}</span></td>
              </tr>
            </table>
            <!-- END block_right -->
            <!-- END blocks_right_loop -->
          </td>
          <!-- END index_on -->
        </tr>
      </table></td>
   <td style="background-image:url(images/spacer.gif);" width="1" height="440" border="0" alt=""></td>
  </tr>
  <tr>
   <td colspan="3" style="background-image:url(images/theme_r5_c1.gif);" width="800" height="26" border="0" alt=""><table width="100%" border="0">
        <tr>
          <td class="footmsg"><div align="center">{FOOTMESSAGE}<br>
              {VIEWBENCH} </div></td>
        </tr>
      </table></td>
   <td style="background-image:url(images/spacer.gif);" width="1" height="26" border="0" alt=""></td>
  </tr>
</table>
</body>
</html>