[CSS] Div Scrollable wenn Ajax Content nachgeladen wird?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [CSS] Div Scrollable wenn Ajax Content nachgeladen wird?

    Hi Leute ich versuche jetzt schon ne Zeitlang einem Div bei zuviel Text Scroallable zu machen.

    Was ich bis jetzt habe:
    PHP-Code:
    echo "<div style=\"overflow:auto;\"><b>" $p_name ":</b><br>";
    echo 
    urldecode($p_text) . "<br></div>"
    Das obige Div wird per Ajax in einen Anderen Div nachgeladen, siehe:
    PHP-Code:
    <div class="tooltip" id="infodiv">
      <
    table cellpadding="0" cellspacing="0" width="100%">
        <
    tr>
          <
    td style="background:#CCC;padding:3px">
            <
    span style="font-weight:bold;font-size:12pt">info</span>
          </
    td>
          <
    td align="right" style="background:#CCC;padding:3px">
            <
    span onclick="hideInfo('infodiv')" 
             
    style="font-family:Wingdings;font-size:14pt;
             cursor:pointer"
    >x</span>
          </
    td>
        </
    tr>
        <
    tr>
          <
    td id="infotd" colspan="2">

          </
    td>
        </
    tr>
      </
    table>    
    </
    div
    Das Div wird dann in den "<td id="infotd">" nachgeladen, jedoch ist er nie Scrollable?

    Hier mal einen Screen Shot wie es jetzt siehe Anhang.

    Ich weis nicht wieso er mir das nicht scrollable macht!

    Schöne Grüße
    Michael
    Angehängte Dateien

  • #2
    Wenn schon müsste dein infodiv die Eigenschaft overflow bekommen.
    Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

    [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
    Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

    Kommentar


    • #3
      Original geschrieben von jahlives
      Wenn schon müsste dein infodiv die Eigenschaft overflow bekommen.
      Wenn ich das mache, schauts so aus, was ich nicht haben will!
      Siehe Anhang!
      Angehängte Dateien

      Kommentar


      • #4
        was ich nicht haben will!
        und wie genau willst du es haben? bis jetzt müssen wir raten.

        gruß
        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          Wenn dich der horizontale Scrollbalken stört, dann sorge doch dafür, dass der Inhalt nicht so breit ist...
          Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

          [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
          Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

          Kommentar


          • #6
            Ich möchte eigentich ganz einfach das Scrollable schön integriert haben, was es ja wie auf den Bildern zu sehen ist nicht ist.

            Wenn ich das Scrollable auf das oberste Div setzte, dann überlagert er mit die Tabelle, siehe Bild!

            Wenn ich es dem Div der innerhalb des <td>´s geben, dann lässt es sich nicht mehr scrollen? Wieso?

            Irgendwie hakks!

            Schöne Grüße
            Morph
            Angehängte Dateien

            Kommentar


            • #7
              Original geschrieben von jahlives
              Wenn dich der horizontale Scrollbalken stört, dann sorge doch dafür, dass der Inhalt nicht so breit ist...
              das Komische ist, dass der Inhalt eigentlich nicht so lange ist!??

              Kommentar


              • #8
                Original geschrieben von Morpheus2100
                das Komische ist, dass der Inhalt eigentlich nicht so lange ist!??
                Ich tippe auf ein Element mit 100% Breite und Margin oder ähnliches.
                Die Web Developer Extension vom Firefox (Funktion "Outline Block Elements") zeigt einem schnell, wo das Problem liegt.

                Kommentar


                • #9
                  Original geschrieben von pekka
                  Ich tippe auf ein Element mit 100% Breite und Margin oder ähnliches.
                  Die Web Developer Extension vom Firefox (Funktion "Outline Block Elements") zeigt einem schnell, wo das Problem liegt.
                  Jo die darunterliegenden Tablle hat 100%
                  PHP-Code:
                  <table cellpadding="0" cellspacing="0" width="100%"
                  Aber wenn ich das raus nehme, passt sich die Tabelle dem Text an und die Tabelle wir dann zu kurz für den DIV? D.h. ich rechts neben der Tablle noch jedemenge platz!

                  Wie könnte ich das denn lösen?

                  Schöne Grüße
                  Morph

                  Kommentar


                  • #10
                    Schnell & schlampig: 98% Breite

                    Kommentar


                    • #11
                      Hatte ich schon, sieht aber scheiße aus!

                      Siehe Anhang!
                      Angehängte Dateien

                      Kommentar


                      • #12
                        Dann mußt Du schauen, warum eine 100% breite Tabelle den Rand erweitert. Ich tippe auf body padding oder border.

                        Kommentar


                        • #13
                          Hmm hab ich schon ein paar, mal gucken was es sein könnte!

                          Danke
                          Schöne Wochenende
                          Morph

                          P.S. das sind die CSS Elemente die es betreffen könnte, also ich seh einfach nicht was da schuld sein könnte?

                          PHP-Code:
                          body {
                            
                          behavior:url(hover.htc);
                            
                          background-color:#ffffff;
                            
                          background-repeat:repeat-x;
                            
                          margin:0;
                            
                          padding-top:0px;
                            
                          font-family:Verdana;
                          }

                          .
                          tooltip {
                              
                          positionabsolute;
                              
                          displaynone;
                              
                          z-index999
                              
                          border-color#c0c0c0;
                              
                          border-stylesolid;
                              
                          background-color#f1f1f1;
                            
                          border:2px;
                              
                          font-familyVerdana;
                              
                          font-size10px;
                              
                          font-weightnormal;
                              
                          font-stylenormal;
                              
                          font-variantnormal;
                              
                          color#000000;
                              
                          filter:alpha(opacity=90);
                              -
                          moz-opacity0.90;
                              
                          opacity0.90;
                            
                          width90%;
                            
                          height90%;
                            
                          margin-top:2%;
                            
                          margin-left:5%;
                            
                          overflow:auto;

                          Zuletzt geändert von Morpheus2100; 30.11.2007, 15:29.

                          Kommentar


                          • #14
                            Ich hab jetzt das Scrollable wieder auf den darunter liegenden Div gesetzt, jedoch wenn 100% definiere verschwindet der Scrollbalken, definiere ihn aber auf eine kleinere Pixelzahl, wird er angzeigt, geh ich über die grüße der Tablle, wir er wieder nicht mehr angzeigt?

                            An was kann sowas denn liege?

                            Schöne Grüße
                            Morph

                            Kommentar

                            Lädt...
                            X