Hallo zusammen,

ich hab mir mit ASP und CSS eine Seite gebaut mit der ich Daten aus einer Datenbank abrufe.
Die Seite findet ihr hier:

http://gawan.mine.nu/celebdil/testpage.asp

Mein Problem ist, dass der obere Teil der Seite (also die Überschrift) der gleichen CSS-Definition unterlegen ist wie die untere Datentabelle.
Ich würde mir aber wünschen dass der obere Teil eine fix definierte Höhe hat und die untere Datentabelle den Rest der Seite (unabhängig von der Auflösung) einnimmt.

Der Code der mir die Seite erzeugt sie in etwas so aus:

Code:
<link rel="stylesheet" href="stylechris.css" type="text/css">
<style type="text/css">

div.tableContainer &#123;
	width&#58; 100%;		/* table width will be 99% of this*/
	height&#58; 350px; 	/* must be greater than tbody*/
	overflow&#58; auto;
	margin&#58; 0 auto;
	&#125;

table &#123;
height&#58; 100px;
	width&#58; 100%;		/*100% of container produces horiz. scroll in Mozilla*/
	border&#58; solid 0px slategray;
	&#125;
	
table>tbody	&#123;  /* child selector syntax which IE6 and older do not support*/
	overflow&#58; auto; 
	height&#58; 300px;
	overflow-x&#58; hidden;
	&#125;
	
thead td	&#123;
	font-size&#58; 14px;
	font-weight&#58; bold;
	text-align&#58; center;
	background-color&#58; papayawhip;
	color&#58; steelblue;
	border-top&#58; solid slategray 0px;
	border-bottom&#58; solid 0px slategray;
	position&#58;relative; 
	top&#58; expression&#40;document.getElementById&#40;"data"&#41;.scrollTop-2&#41;; /*IE5+ only*/
	&#125;
	
td	&#123;
	color&#58; #000;
	padding-right&#58; 2px;
	font-size&#58; 12px;
	text-align&#58; right;
	font-family&#58; Arial,sans-serif;
	border-top&#58; solid 0px slategray;
	border-left&#58; solid 0px slategray;
	&#125;

	
	
tfoot td	&#123;
	text-align&#58; center;
	font-size&#58; 11px;
	font-weight&#58; bold;
	background-color&#58; papayawhip;
	color&#58; steelblue;
	border-top&#58; solid 2px slategray;
	&#125;

td&#58;last-child &#123;padding-right&#58; 20px;&#125; /*prevent Mozilla scrollbar from hiding cell content*/

</style>


</head>

<body>


<form name="test" action="testpage.asp" method="get">
<table border="0">
  <tr> 
  	<td valign="bottom" align="center">Channel</td>
	<td valign="bottom" align="center">Planner</td>
	<td valign="bottom" align="center">LVL</td>
	<td valign="bottom" align="center">Ordertyp</td>
	<td valign="bottom" align="center">Item Filter</td>
	<td valign="bottom" align="center">CCD Filter</td>
	<td valign="bottom" align="center">Datum bis&#58;</td>
  <td></td>
  
  </tr>
<tr>
</table>
</form>

<HR ALIGN="LEFT" WIDTH=750 COLOR="#FF0000"> 

<div id="container">

<div class="tableContainer" id="data">
  <table cellspacing="0" border="2">
     <thead>
      <tr> 
        <td >Date1</td>
       	<td >Date2</td>
	<td >Date3</td>
	<td >Date4</td>
	<td >Date5</td>
	<td >Date6</td>
        <td >Date7</td>
	<td >Date8</td>
	<td >Date9</td>
	<td >Date10</td>
	<td >Date11</td>
      </tr>
    </thead>
    <tfoot>
      <tr> 
        <td width="100%" colspan="5">Table footer repeats on print</td>
      </tr>

    </tfoot>
    <tbody>
<%
RS.Open "SELECT * FROM traffic;", objConn, 3,3
	Do While Not RS.EOF
        response.write&#40;"<TR>"&#41;
        	For i = 0 to RS.Fields.Count - 1
			tmp_rs=rs&#40;i&#41;
			if tmp_rs="" then 
            		response.write&#40;"<TD VALIGN=TOP></TD>"&#41;
		else
			response.write&#40;"<TD VALIGN=TOP>" & tmp_rs &  "</TD>"&#41;
            	end if
		Next
           response.write&#40;"</TR>"&#41;

            RS.MoveNext
            Loop
RS.Close
objConn.Close

%>
    </tbody>
  </table>

</div>


</div> 
</body>
</html>

Kann mir da eventuell jemand helfen ??

Danke
Gawan[/code]
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!