scrollbar erstellen

shade · 9 August 2007

also mein problem,
hab ne tabelle und die soll voller text. die soll aber net weiter nach unten gehen wenn die 337pixel voll sind, sondern wenn die voll is, eine scrollbar erstellt wo man dann runter scrollen kann. wie macht man das, nutze dreamweaver. daaanke fürs lesen und vielleicht antworten
*thx*

Maxi · 9 August 2007

Du kannst in die Tabellenzelle einen Div mit genau dieser Höhe reinmachen und diesen mit overflow: auto; dazu bringen, dann einen Scrollbalken zu bilden.

Code:

div style="height: 337px; width: 123px; overflow: auto;">Text</div>

Die width (Bereite)-Angabe musst du halt noch entsprechend ändern.

sandy1 · 9 August 2007

wieso machst du es nicht mit iframes? das ist viel einfacher

Maxi · 9 August 2007

sandy1 schrieb:
wieso machst du es nicht mit iframes? das ist viel einfacher

Wäre auch ne Möglichkeit, aber die Lösung mit dem Div ist die bessere, wie die Homepageinhalte alle mit einem Iframe einzufügen, auch wenn das einfacher wäre.

shade · 9 August 2007

wo trag ich denn das ein, td/ oder tr/

sandy1 · 9 August 2007

div sind ja ebenen oder?...ja also es ist zwar ne arbeit jedes iframe gg aber ich kenne auch nru dass gg

Maxi · 9 August 2007

shade schrieb:
wo trag ich denn das ein, td/ oder tr/

Den div machst du in die eine Tabellenzelle rein, die auch den Scrollbalken bekommen soll.

@ Sandy
Div steht für division = Block/Bereich

shade · 9 August 2007

HTML:

</table>
         <table   width="23%"  height="337" border="1" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"  bgcolor="#000000">
        <tr>
    
          <td  height="0"  align="center" nowrap="nowrap" bgcolor="#FFFFFF"div style="height: 337px; width: 100 px; overflow:scroll;"><p><strong> &quot;News&quot;</strong></p>
            <label></label></td>
        </tr>
      </table>

so solls aussehen oder!? funktionier aber bei mir net, keine scrollbar nichts zu sehen

Maxi · 9 August 2007

Was soll das geschlossene </table> am Anfang des Codes?

Beim Öffnen des Divs hast du den < vergessen, geschlossen hast du ihn auch nicht.

Code:

<table width="23%" height="337" border="1" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"  bgcolor="#000000"> <tr> <td  height="0"  align="center" nowrap="nowrap" bgcolor="#FFFFFF"><div style="height: 337px; width: 100 px; overflow:scroll;"><p><strong> &quot;News&quot;</strong></p></div></td> </tr> </table>

shade · 9 August 2007

HTML:

<table width="23%"  height="337" border="1" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"  bgcolor="#000000">
<tr >
<td   height="0"  align="center" nowrap="nowrap" bgcolor="#FFFFFF" >&nbsp;</td>
</tr>
</table   >

so das is der code für die tabelle, wo müsste ich denn jetzt den code einfügen das es funktionieren könnte!? bin noch a kleiner html noob:-D

Maxi · 9 August 2007

Den Code für den Div, siehe mein erster Beitrag hier, den fügst du einfach da ein wo der Inhalt hin soll. In den Div kommt dann der ganze Inhalt rein.

Oder du nimmst einfach den Code aus meinem letzten Beitrag, der ist schon fertig.

Drakes · 9 August 2007

Btw:

HTML:

style="max-height: 337px"

geht aber bei IE6 und anderen nicht, siehe max-height: Maximale Höhe: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets.

shade · 9 August 2007

hab den code von dir genommen, und eingefügt. geht aber immer noch nicht, weiß net was ich falsch mache, is so zum kotzen. will halt das die tabelle voll genutzt dafür wird

Maxi · 9 August 2007

shade schrieb:
hab den code von dir genommen, und eingefügt. geht aber immer noch nicht, weiß net was ich falsch mache, is so zum kotzen. will halt das die tabelle voll genutzt dafür wird

Dann poste mal deinen ganzen HTML-Code, vielleicht liegt der Fehler wo anders.

shade · 10 August 2007

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
    background-color: #666666;
}
#Layer1 {
    position:absolute;
    width:170px;
    height:300px;
    z-index:1;
    left: 97px;
    top: 296px;
}
-->
</style>
</head>

<body>
<p>&nbsp;</p>
<table   width="750" height="100%" border="2" align="center" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"  bgcolor="#000000">
  <tr>
    <td nowrap="nowrap" bgcolor="#CCCCCC"><table width="758" height="132" align="center">
      <tr>
        <td height="134" nowrap="nowrap" background="dfk banner.jpg" bgcolor="#CCCCCC" >&nbsp;</td>
      </tr>
    </table>
      <table width="100%" height="37" align="center" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000"  bgcolor="#000000" >
        <tr  >
          <td height="31" bgcolor="#CCCCCC"  ><div align="center">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="54" height="29">
              <param name="movie" value="text2.swf" />
              <param name="quality" value="high" />
              <param name="bgcolor" value="#CCCCCC" />
              <embed src="text2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="54" height="29" bgcolor="#CCCCCC"></embed>
            </object>
          </div></td>
          <td bgcolor="#FFFFFF"><div align="center" >
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="112" height="29">
              <param name="movie" value="text3.swf" />
              <param name="quality" value="high" />
              <param name="bgcolor" value="#FFFFFF" />
              <embed src="text3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="112" height="29" bgcolor="#FFFFFF"></embed>
            </object>
          </div></td>
          <td bgcolor="#CCCCCC"><div align="center">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="73" height="29">
              <param name="movie" value="text4.swf" />
              <param name="quality" value="high" />
              <param name="bgcolor" value="#CCCCCC" />
              <embed src="text4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="73" height="29" bgcolor="#CCCCCC"></embed>
            </object>
          </div></td>
          <td bgcolor="#FFFFFF"><div align="center">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="75" height="29">
              <param name="movie" value="text5.swf" />
              <param name="quality" value="high" />
              <param name="bgcolor" value="#FFFFFF" />
              <embed src="text5.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="75" height="29" bgcolor="#FFFFFF"></embed>
            </object>
          </div></td>
          <td bgcolor="#CCCCCC"><div align="center">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="122" height="29">
              <param name="movie" value="text8.swf" />
              <param name="quality" value="high" />
              <param name="bgcolor" value="#CCCCCC" />
              <embed src="text8.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="122" height="29" bgcolor="#CCCCCC"></embed>
            </object>
          </div></td>
          <td bordercolor="#000000" bgcolor="#FFFFFF">
            
            <div align="center">
                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="74" height="29">
                  <param name="movie" value="text9.swf" />
                  <param name="quality" value="high" />
                  <param name="bgcolor" value="#FFFFFF" />
                  <embed src="text9.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="74" height="29" bgcolor="#FFFFFF"></embed>
                </object>
            </div></td>
          <td bordercolor="#000000" bgcolor="#CCCCCC">
            <div align="center">
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="86" height="26">
                <param name="movie" value="text10.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#CCCCCC" />
                <embed src="text10.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="86" height="26" bgcolor="#CCCCCC"></embed>
              </object>
            </div></td>
          <td bgcolor="#FFFFFF"><div align="center">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="117" height="26">
              <param name="movie" value="text11.swf" />
              <param name="quality" value="high" />
              <param name="bgcolor" value="#FFFFFF" />
              <embed src="text11.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="117" height="26" bgcolor="#FFFFFF"></embed>
            </object>
          </div></td>
        </tr>
      </table>
      <table width="30%" height="5">
        <tr>
          <td bgcolor="#CCCCCC">&nbsp;</td>
        </tr>
      </table>
      <table width="73%" height="337" border="1" align="right" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"  bgcolor="#000000">
        <tr bordercolor="#000000">
          <td height="331" align="center" valign="top" bgcolor="#FFFFFF"><p><strong>&quot;Willkommen&quot;</strong></p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p></td>
        </tr>
      </table>
         <table width="23%"  height="337" border="1" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000"  bgcolor="#000000">
        <tr >
    
          <td   height="0"  align="center" nowrap="nowrap" bgcolor="#FFFFFF" >&nbsp;</td>
        </tr>
      </table   >
      <table width="30%" height="5">
        <tr>
          <td bgcolor="#CCCCCC">&nbsp;</td>
        </tr>
      </table>      
      <table width="100%" border="1" bordercolor="#000000">
        <tr>
          <td bgcolor="#FFFFFF"><div align="center"><em><strong>&copy; DFK~GAL </strong></em></div></td>
        </tr>
    </table>      </td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>

wo der strich ist, ist die tabelle wo ich die scrollbar eingefügt haben möchte

sandy1 · 10 August 2007

edit: sorry hatte den restlichen code übersehen

Maxi · 10 August 2007

... und da fügst du den Code ein, den ich dir ganz zu Anfang gegeben habe ....

shade · 10 August 2007

jo jetzt hab ich es hinbekommen, will aber nur das die rechts ist und nicht noch unten!? was muss ich denn da jetzt eingeben

@ sandy1 ist doch absolut kein problem. bei schönen frauen kann mans verzeihen

jetzt is in der tabelle wie ne neue spalte hinzugekommen, darunter!? wie geht die weg!?

Maxi · 10 August 2007

Poste mal den Link zur Seite, ich kanns mir grad net so vorstellen...

shade · 10 August 2007

so meine ich das, links die tabelle

scrollbar erstellen

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied