Firefox will nicht scrollen

[Okkultics]

Hallo,

ich habe ein Problem mit dem Fuchs, ich habe einen Container in einer Tabellenzelle platziert und dieser soll immer vertikal scrollbar sein (Natürlich wenn genug Inhalt im Container ist). IE machts ohne zu meckern, Safari auch nur FF zeigt zwar den blinden Scrollbalken an, weigert sich aber diesen bei großem Inhalt zu aktivieren.

Hier der Codeschnipsel:

<table border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td style="width:25%; background-color:#000000; background-image:url('grafik/bg.gif'); background-position:right; background-repeat:repeat-y;" rowspan="3">
  </td>
  <td style="width:50%; height:70px">
   <img src="grafik/logo.gif" style="float:right; margin-left:15px" width="280" height="55" alt="Logo">
  </td>
  <td style="width:25%; background-color:#000000; background-image:url('grafik/bg2.gif'); background-position:left; background-repeat:repeat-y;" rowspan="3">&nbsp;
  </td>
 </tr>
 <tr>
  <td style="width:50%">
   <div style="padding-top:20px; width:100%; height:100%; overflow:scroll; overflow-x:hidden"><p>Textbereich</p>
   </div>
  </td>
 </tr>
</table>

Hat jemand einen Ansatz zu dem Problem?

[Rinaldo]

overflow-x wird NICHT von allen Browsern unterstützt .

Ich hab es auch mal kurz getestet - so funktioniert es im aktuellen Firefox...

[Okkultics]

Danke für die Mühe aber ich will ja garnicht die x-Achse scrollen sondern die y-Achse, daher war overflow-x auf hidden gesetzt, wenn ich das weglasse habe ich keinen Effekt. Ich habe auch schon probiert overflow auf auto zu stellen oder direkt overflow-y anzusprechen aber das geht auch nicht, wie gesagt zickt nur der FF. Irgendwie ist der Wurm drin.

[Rinaldo]

Versteh ich´s falsch?

[paby]

schlürff.... - rülps - danke

- paby

[Okkultics]

Nein Du verstehst es schon richtig, wenn ich dem div ein Pixelmaß zuweisen würde, funktionierte auch alles. Ich möchte aber das der Container eine Höhe von 100% hat um bei variierenden Fenstergrößen seine Größe ändern zu können.
Da steckt das Problem, FF kapiert das Ganze mit Prozenten nicht sondern nur mit Pixeln, das ist aber so individuell wie Pommes Rot-weiß . Ich könnte mir den ganzen Ärger sparen und ein IFrame einsetzen, das funzt überall aber ich muß das fertige Projekt für Suchmaschinen optimieren und da siehts mit Frames ja nich so rosig aus.

Der Witz ist wenn ich nur ein DIV mit 100% in eine leere Seite knalle dann funktioniert das mit dem scrollen in jedem Browser, nur in Kombination mit der Tabelle siehts dünn aus. Irgendwo in meinem Code muss also Bullshit sein und ich finde es einfach nicht. Zum verzweifeln.

[UweB]

IE machts ohne zu meckern, Safari auch nur FF zeigt zwar den blinden Scrollbalken an, weigert sich aber diesen bei großem Inhalt zu aktivieren.

Wenn ich deinen Quellcode kopiere und einen langen Text einfüge, verhalten sich alle Browser gleich. Und zwar so, wie du es vom FF beschreibst.

Gruß
Uwe

[Okkultics]

Zitat von UweB

Wenn ich deinen Quellcode kopiere und einen langen Text einfüge, verhalten sich alle Browser gleich. Und zwar so, wie du es vom FF beschreibst.

Gruß
Uwe

Bei mir funktioniert es im IE7 und im Safari, den Opera hab ich grad getestet der verhält sich wie FF.

Das es nicht funktioniert ist aber keine Frage sondern wie? Kann mir denn jemand sagen warum es nicht funktioniert?

Danke, Stefan

[UweB]

Hallo Stefan,
dann poste doch bitte mal den ganzen Quellcode einer Seite zum testen.
Deinen obigen Ausschnitt habe ich in eine Seite eingefügt und in IE7, Opera und FF getestet - alle mit dem gleichen Ergebnis.
Nun habe ich es noch einmal wiederholt und den Safari mit eingebunden.
Ergebnis: Wenn der eingefügte Text in Absätze gestellt ist, tritt in allen Browsern das gleiche Verhalten auf. Nur wenn ich den Text nicht in Absätze stelle, verhalten sich IE7 und Safari wie von dir beschrieben.

Warum es nicht funktioniert, wird daran liegen, dass sich die 100% in diesem Beispiel an der nicht festgelegten Größer der Seite und nicht am Fenster ausrichten.

Gruß
Uwe