webForumDet fria alternativet

scrolla div i tabell (utan fixed höjd)

3 svar · 441 visningar · startad av Aleph_One

Aleph_OneMedlem sedan juni 2003372 inlägg
#1

Har problem med att få en DIV att scrolla inuti en tabell.
Tabellen ska fylla upp browsern höjd och bredd, och när det blir mer innehåll så ska cellen med DIV taggen scrollas. Problemet där är att den inte scrollar om man sätter höjden till 100%.

Några ideer?

<table border="1" cellspacing="0" cellpadding="0" style="height: 100%; width: 100%;">
	<tr>
		<td colspan="3">header</td>
	</tr>
	<tr>
		<td style="width: 150px;">left</td>
		<td style="height: 100%; width: 100%;">
		
			<div style="overflow: auto; height: 100%;">
			
				<h2>list with alot of stuff</h2>
				<%
					//gör nåt för att fylla ut cellen
					for(int i = 0; i < 100; i++)
						out.println("some items printed<br>");
				%>
				
			</div>
			
		</td>
		<td>right</td>
	</tr>
	<tr>
		<td>footer left</td>
		<td>footer middle</td>
		<td>footer right</td>
	</tr>
</table>
Aleph_OneMedlem sedan juni 2003372 inlägg
#2

Har löst det tillfälligt med lite javascript, men det borde väl gå att hantera på ett bättre sätt?

manganMedlem sedan feb. 2003216 inlägg
#3

Tror problemet ligger i att du har satt höjden i % och inte i något exakt mått. Du får antingen sätta en fast höjd eller så får du fixa ett script som sätter storleken utefter vilken upplösning användaren använder.

Aleph_OneMedlem sedan juni 2003372 inlägg
#4

Ja precis, jag har inte satt nån fixed höjd just för att jag vill att den ska dras ut över hela skärmen. Och precis som du säger så löste jag det genom javascript och onload och onresize.. men det känns knappast som en klockren lösning.
frame/iframe är inget alternativ.

131 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)