relative Höhenangabe bei <div...> funktioniert nicht

[Anthony DiNozzo]

Moin moin,
Ich brauch mal wieder Hilfe. Ich will einen scrollbaren Bereich in meine Website einfügen, allerdings wird dieser Bereich von Webbrowser zu Webbrowser (hab Opera, Seamonkey und Firefox) und von User zu User (wegen der Bildschirmauflösung) anders dargestellt. Deswegen will ich diesen Bereich prozentual definieren, bloß nimmt er das nicht an. Hier ist mein Quellcode:

  
<td>  
<div style="width:100%; height:100%; overflow:auto; padding:0;">  
  
...blablabla...  
...blablabla...  
  
</div>  
</td>  

Hoffe einer von euch weiß wie es richtig geht.

Mfg
Anthony DiNozzo

[Thorsten Schleppi]

Hallo!

Deswegen will ich diesen Bereich prozentual definieren, bloß nimmt er das nicht an. Hier ist mein Quellcode:

Was heißt "nimmt er das nicht an"? Was passiert konkret?

<td>
<div style="width:100%; height:100%; overflow:auto; padding:0;">

...blablabla...
...blablabla...

</div>
</td>

  
Ist mit so einem Code-Ausschnitt schwer zu sagen woran es liegt, dass die Browser unterschiedlich reagieren. Vielleicht postest du mal einen Link zu deinem Problem. (BTW: Was hat eine Tabellenzelle um einen Inhaltlichen Bereich zu suchen?)  
  
Meine erste Vermutung: Das Vater-Element des divs (welches ja maßgeblich für die relative Angabe ist) besitzt keine Höhenangabe und wird folglich vom Browser individuell interpretiert.  
  
  
Viele Grüße  
Thorsten

[Anthony DiNozzo]

Okay,
Hier ist erstmal der Link: http://freenet-homepage.de/lightning_alpha/gifs.html (Info: Ich hab die website eigendlich noch nicht im Netz, die Site ist jetzt von mir nur schnell hochgeladen worden)

Das Problem ist es wird so wie es jetzt ist die ganze seite gescrollt , ich will aber das sich die Zelle mit dem ...blablabla..usw. scrollbar ist. Ich vermute das der <div..>-Befehl ignoriert wird ich weiß bloß nicht wie man diesen Fehler aufhebt.
Vielleicht kann man so mein Problem besser sehen.

Mfg
Anthony DiNozzo

[Anthony DiNozzo]

Nachtrag:

Ich will das die untere Zeile immer noch im Browserfenster bleibt
Mfg
Anthony DiNozzo

[Thorsten Schleppi]

Hallo,

Das Problem ist es wird so wie es jetzt ist die ganze seite gescrollt , ich will aber das sich die Zelle mit dem ...blablabla..usw. scrollbar ist. Ich vermute das der <div..>-Befehl ignoriert wird ich weiß bloß nicht wie man diesen Fehler aufhebt.
Vielleicht kann man so mein Problem besser sehen.

Das Problem kann ich jetzt überhaupt erst verstehen.
Dir hilft <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=ein overflow: scroll;> sicher weiter.

Viele Grüße
Thorsten

[Anthony DiNozzo]

Das Problem kann ich jetzt überhaupt erst verstehen.
Dir hilft <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=ein overflow: scroll;> sicher weiter.

Viele Grüße
Thorsten

Hai,
das hab ich ja drin das ist ja dieser div-Befehl aber ich will keine Pixel-Angabe machen sondern eine Prozentuale-Angabe, wegen den unterschiedlichen Bildschirmauflösungen usw.. Ich habe diesen Befehl ( <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=ein overflow: scroll;> ) genommen und statt:
<div style="width:200px; height:150px;...

<div style="width:100%; height:100%;...
hingeschrieben. Und eben diese Prozentangabe versteht er nicht. Da liegt das Problem.

Mfg
Anthony DiNozzo

[Thorsten Schleppi]

Hallo!

das hab ich ja drin das ist ja dieser div-Befehl aber ich will keine Pixel-Angabe machen sondern eine Prozentuale-Angabe, wegen den unterschiedlichen Bildschirmauflösungen usw.. Ich habe diesen Befehl ( <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=ein overflow: scroll;> ) genommen

Auf der von dir verlinkten Seite steht: overflow:auto.

Ich habe das richtig verstanden, du möchtest (warum auch immer) dass die Seite immer die 100% Höhe einnimmt?

Eine Lösung (die ich _nicht_ empfehle): Du kannst bei deinem Tabellen-Layout bleiben und der Tabellenzelle in der dein div steht für das Attribut height den Wert "*" geben. Da deine Tabelle 100% Höhe besitzt wird die Tabellenzelle die von den anderen Tabellenzellen übriggebliebene Höhe einnehmen. Gibst du jetzt der Zelle noch den overflow:scroll Eigenschaft, könnte es hinhauen. Keine Garantie dafür, _ich_ nutze Tabellen nicht zu Layoutzwecken.

Ich empfehle dir das technische Konzept nochmals zu überdenken, vielleicht kannst du dir <http://de.selfhtml.org/css/layouts/index.htm@title=hier Ideen holen>.

Viele Grüße
Thorsten