Frage stellen
Eigentlich dachte ich das das fixieren des Tabbellenkopfes mit position:relative oder 'absolut erledigt wäre.
Ich habe die Tabelle in einem Div Container "Tourenuebersicht" mit der festen Höhe von 200px Dort wurde die Tabelle dann erzeugt:
CSS:
- Code: Alles auswählen
#wrapper{padding:10px;height:700px;width:1220px;}
#left{float:left;height:694px;width:685px;margin-right:10px;}
#Tourenuebersicht{height:200px; overflow:auto;}
#Fahrauftraege{overflow:auto;height:400px;}
#Benachrichtigungen{overflow:auto;height:22px;}
#Zeile {height:20px;}
ASPX/HTML
- Code: Alles auswählen
<body>
<form id="form1" runat="server">
<div id="wrapper">
<div id="left" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<div id="Filter">
</div>
<div id="Tourenuebersicht"></div>
<div id="Zeile"></div>
<div id="Fahrauftraege"></div>
<div id="Benachrichtigungen"></div>
</div>
</div>
</form>
</body>
Immoment fügt sich automatisch ein Scrollbalken hinzu, wenn der Inhalt größer ist als "Tourenuebersicht". Bisher führten meine Versuche den Overflow:auto/scroll; auf die Tabelle oder einen extra DIV (der in die Tourenuebersicht DIV geschrieben wurde) zu verwenden dazu, das der Inhalt weiterwächst...
Ich bin dankbar für eine schnelle Hilfe =)
Gruß LightMonk
PS: Ich benutze auch jquery dazu:
- Code: Alles auswählen
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>
<link href="includes/jquery-ui-1.8.5.custom.css" rel="stylesheet" type="text/css" />
