Scroll-Leiste in div

Ich habe ein div in dem ich eine Tabelle. In dieser Tabelle können Sie sehen, es ist ein image-tag. Von Javascript bin ich die Einstellung das Bild, src und anzeigen.

Mein problem ist, wenn das Bild groß ist das div muss scrollen, aber es ist nicht scrollen.

<div style="position:absolute;top:30px;left:640px;overflow:auto;">
<table frame="box" width="600px" height="330px">
  <tr>
    <td><img id="graphId" style="display:none" src="" /></td>
  </tr>
</table>
</div>
  • Ist das Bild nicht scrollen, weil Sie gegeben haben Feste Breite und Höhe für die Tabelle. versuchen Sie es mit dem entfernen der Höhe und Breite der Tabelle. Hoffe, es wird funktionieren.
InformationsquelleAutor vikas27 | 2011-10-12
  1. 3

    In diesem Fall <img>'s Größe ist immer gezoomt, um fit in <td>.

    Hier werde ich Ihnen zeigen, wie overflow in der richtigen Weise.

    <div class="scroll">
    <div class="child"></div>
</div>
<style>
    .scroll{overflow:scroll;width:500px;height:500px;background:black}
    .child{width:1000px;height:1000px;background:yellow}
</style>

    Demo auf jsfiddle.

    • Wie ich meinen Bildgröße in div, so dass es passt in thid div. Jetzt Bild kommt auf der linken Seite div. Ich will Bild in die Mitte . Sehen Sie dieses Bild, wie es kommt :- i.imgur.com/6xBjJ.png
    InformationsquelleAutor Rufus
  2. 1

    Ändern overflow:auto; zu overflow:scroll; in deine div-style-Attribut.

    Definition für Blättern:

    Den überlauf ausgeschnitten, aber eine Bildlaufleiste Hinzugefügt wird, um zu sehen, der rest
    die Inhalte

    InformationsquelleAutor m.edmondson
  3. 1

    versuchen, definieren die Höhe und Breite des div...

    http://jsfiddle.net/qyFTt/2/

    InformationsquelleAutor Dutchie432
Schreibe einen Kommentar