[CSS] Div Scrollable wenn Ajax Content nachgeladen wird?

[Morpheus2100]

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

Was ich bis jetzt habe:

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:

<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

[jahlives]

Wenn schon müsste dein infodiv die Eigenschaft overflow bekommen.

[Morpheus2100]

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!

[Kropff]

was ich nicht haben will!

und wie genau willst du es haben? bis jetzt müssen wir raten.

gruß
peter

[jahlives]

Wenn dich der horizontale Scrollbalken stört, dann sorge doch dafür, dass der Inhalt nicht so breit ist...

[Morpheus2100]

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

[Morpheus2100]

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!??

[pekka]

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.

[Morpheus2100]

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%

<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

[pekka]

Schnell & schlampig: 98% Breite

[Morpheus2100]

Hatte ich schon, sieht aber scheiße aus!

Siehe Anhang!

[pekka]

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

[Morpheus2100]

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?

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

.tooltip {
    position: absolute;
    display: none;
    z-index: 999; 
    border-color: #c0c0c0;
    border-style: solid;
    background-color: #f1f1f1;
  border:2px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #000000;
    filter:alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
  width: 90%;
  height: 90%;
  margin-top:2%;
  margin-left:5%;
  overflow:auto;
} 

[Morpheus2100]

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