Spaltenbreite anpassen in 2 Frames

[Rondra]

Hallo,

ich habe ein etwas kompliziertes Problem:

Meine Seite besteht aus 3 Frames:
Nav_Top.html
Nav_Left.html
Main.html

nun habe ich in Main.html eine Tabelle (ich will eine Liste anzeigen),  dessen Headerzeile jedoch in NAV_TOP.html angezeigt werden soll.
Damit will ich bezwecken, dass meine Liste beim scrollen nicht seinen Header (Spalten-Überschriften) verliert indem der Header mitscrollt, sondern der Header soll immer da stehen bleiben.

Daraus ergibt sich jedoch ein Problem: die Spaltenbreite der Headerzeile im Nav_Top.html ist nie identisch mit der SPaltenbreite der eigentlichen Tabelle in Main.html. Die Spalten stehen nicht genau übereinander! Wie kann man da bloss Abhilfe schaffen? Hat jemand eine Idee? Unten mein Frameset:
____________________________
         HEADERZEILE        |  --> Nav_Top.html
____________________________|
      |  meine Tabelle      |
      |                     |
      |                     | -->  Main.html
      |                     |
      |                     |
      |                     |
      |                     |
-----------------------------
|
 ->Nav_Left.html

<frameset framespacing="0" border="0" frameborder="NO" cols="*" rows="8%,*">
<frame src="Nav_Top.html" name="topNavFrame" scrolling="NO" noresize="true">
<frameset border="0" frameborder="NO" framespacing="0" cols="14%,*" rows="*">
<frame src="Nav_Left.html" name="leftNavFrame" scrolling="NO" noresize="true">
<frame src="Main.html" name="MainFrame" scrolling="auto" noresize="true">
</frameset>
</frameset>

DANKE im Voraus !!!!

liebe grüsse
Rondra

[Klaus B.]

Hat jemand eine Idee?

Ja! Verzichte auf Frames und arbeite mit absolut positionierten div's
im Zusammenhang mit overflow.

MfG
Klaus

[Rondra]

Hallo Klaus!

Mit absolut pos. DIVs und overflow kann man das mitscrollen der HEADERZEILE bei langen Tabellen verhindern? Sodass der Header FIX stehenbleibt wenn man die Tab. runterscrollt?

Kannst Du mir freundlicherweise noch einen Tipp geben wie das gehen soll?

DANKEsehr!
lg
Rondra

Hat jemand eine Idee?

Ja! Verzichte auf Frames und arbeite mit absolut positionierten div's
im Zusammenhang mit overflow.

MfG
Klaus

[Klaus B.]

Hallo Rondra,

hatte vergessenzu erwähnen, daß die Tabelle durch floatende div's ersetzt werden sollte, die div's mit den Headerinformationen setzt Du dann in den top-div.

MfG
Klaus

[Rondra]

Hi nochmal,

entschuldige bitte Klaus, aber ich habs noch nich wirklich verstanden. So vieleicht?

<div style="overflow:visible;"> HEADERZEILE </div>
 <div style="overflow:scroll;float:right;">
  <table width="100%">
 <tr><td>blabla</td></tr>
 <tr><td>blabla</td></tr>
 <tr><td>blabla</td></tr>
 <tr><td>blabla</td></tr>
 <tr><td>blabla</td></tr>
...
 </table>
</div>

lg
Rondra

Hallo Rondra,

hatte vergessenzu erwähnen, daß die Tabelle durch floatende div's ersetzt werden sollte, die div's mit den Headerinformationen setzt Du dann in den top-div.

MfG
Klaus

[Klaus B.]

Nein, eher so:

<div id="top">Tabellenüberschrift
<div style="float:left; width:25%;">Titel Spalte eins</div>
<div style="float:left; width:25%;">Titel Spalte zwei</div>
<div style="float:left; width:25%;">Titel Spalte drei</div>
<div style="float:left; width:25%;">Titel Spalte vier</div>
</div>

<div id=main">
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<br style="clear:both;" />
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<br style="clear:both;" />
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<br style="clear:both;" />
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<br style="clear:both;" />
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<div style="float:left; width:25%;">blabla</div>
<br style="clear:both;" />
....
</div>

und CSS:

#main {position:absolute; left:20%; width:80%; top:10%; height:90%; overflow;auto;}
#top {position:absolute; left:20%; width:80%; top:0%; height:10%; overflow;hidden;}

evtl. Breiten bei Verwendung von margin, border oder padding anpassen.

MfG
Klaus