<div style="width:100%; height:100%; overflow:auto&q

chris90night

Wer selber viel mit Webseiten arbeitet, der liebt Mozilla und hasst IE.
Alle Web-Programmierer sollten Mozilla benutzen, da bei IE oft das Falsche angezeigt wird

stani

Also irgentwie klappt es immer noch nicht

Habe immer noch nur einen großen body-scroll-balken.

chris90night

Die <div>-Tags müssen zwischen <td> und </td> stehn

stani

Mhmm, irgentwie klappt es trotzdem nicht

Code

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr> 
                      <td width="1" height="26" background="home/_bilder/borderlefttop.jpg"><font color="#000000">[img]home/_bilder/spacer2.gif[/img]</font></td>
                      <td height="26" colspan="2" align="right" background="home/_bilder/bordertop.jpg"><table width="100%" height="26" border="0" cellpadding="0" cellspacing="0">
                          <tr> 
                            <td align="left"> 


[b][/b]Text</p></td>
                            <td width="37" align="right" valign="top" background="home/_bilder/borderrighttop.jpg"> 
                              <table width="36" height="26" border="0" cellpadding="0" cellspacing="0">
                                <tr> 
                                  <td width="36" height="2" colspan="3">[img]home/_bilder/spacer2.gif[/img]</td>
                                </tr>
                                <tr valign="top"> 
                                  <td width="17" height="24" align="right">[url='javascript:history.back();'][img]home/_bilder/spacer2.gif[/img][/url]</td>
                                  <td width="2" height="24">[img]home/_bilder/spacer2.gif[/img]</td>
                                  <td width="17" height="24" align="left">[url='index.php'][img]home/_bilder/spacer2.gif[/img][/url]</td>
                                </tr>
                              </table></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr> 
                      <td width="1" valign="top" background="home/_bilder/border.jpg"><font color="#000000">[img]home/_bilder/bordertopend.jpg[/img]</font></td>
                      <td align="left" valign="top" bgcolor="#000000"> <div style="width:100%; height:100%; overflow:auto;"> 
                          <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr> 
                              <td width="100%" align="left" valign="top"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="width:100% height:100% table-layout:fixed">
                                  <tr> 
                                    <td width="5" height="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                    <td height="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                    <td width="5" height="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                  </tr>
                                  <tr> 
                                    <td width="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                    <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100% height:100% table-layout:fixed" >
                                        <tr> 
                                          <td align="left" valign="top">


Text</p></td>
                                        </tr>
                                      </table></td>
                                    <td width="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                  </tr>
                                  <tr> 
                                    <td width="5" height="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                    <td height="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                    <td width="5" height="5">[img]home/_bilder/spacer2.gif[/img]</td>
                                  </tr>
                                </table></td>
                            </tr>
                          </table>
                        </div></td>
                      <td width="1" valign="top" background="home/_bilder/border.jpg"><font color="#000000">[img]home/_bilder/bordertopend.jpg[/img]</font></td>
                    </tr>
                    <tr> 
                      <td width="1" height="2" background="home/_bilder/borderbottomcorner.jpg"></td>
                      <td height="2" background="home/_bilder/borderbottom.jpg">[img]home/_bilder/spacer2.gif[/img]</td>
                      <td width="1" height="2" background="home/_bilder/borderbottomcorner.jpg"></td>
                    </tr>
                  </table>

Alles anzeigen

stani

Hat denn keiner nun ne entgültige Lösung die funktioniert? Ich probiere jetzt schon ewig rum, für eure Hilfe wäre ich wirklich dankbar.

webcool

du hast eine Lösung die funktioniert

in deiner tabelle zwischen den td tags machst du den div container in den td tags gibst du die höhe und die breite an damit die angaben 100% im div container von den werten der td tags ausgehen !

chris90night

So schwer kann das doch nicht sein:

Bsp.: Du hast eine Tabelle mit einer Zelle und möchtest rechts an dem "gedachten" Tabellenrand einen Scrollbalken haben.

Hier der Code:

Code

<table>
<tr>
<td width="500" height="500">
<div style="overflow:auto;height:100%;width:100%;">


... dein Inhalt ...


</div>
</td>
</tr>
</table>

Alles anzeigen

Und das funktioniert 100%ig, bei mir klappt´s ja auch ...
"Width" & "Height" geben die Größe der Zelle an. So hoch wie die Zelle ist so hoch wird auch der Scrollbalken ...
Jetzt dürften hoffentlich keine Fragen mehr offen sein ...
MfG

stani

sry, ja, der obige Code funktioniert da hast du recht.

Aber aus irgentwelchen Gründen, vl. da ich das ganze in mehrern Tabellen "verschachtelt" habe, funktioniert es irgentwie immer noch nicht. Aber ich bin dabei noch ein bischen herumzuexperimentieren.

Auf jeden Fall vielen, vielen Dank an alle von euch die mir geholfen haben. Ihr seit richtig Klasse.

lg
stani

chris90night

Das Problem bei verschachtelten Tabellen ist, dass alles ziemlich unübersichtlich wird.
Überprüf am Besten ob du auch alle aufgemachten Tags wieder geschlossen hast.
Es kann sein wenn du z.B. ein </table> vergessen hast, alles durcheinander gerät ...
Oder lass deinen Code mit einem Programm auf Fehler prüfen.
MfG

Tags

Benutzer online in diesem Thema