Witam. Mam następujący kod:

[HTML] pobierz, plaintext 
<table style="width: 200px; height: 200px; border: 1px solid #000; float: left; background: #ddd;" cellspacing="0" cellpadding="0" border="0">
		<tr>
				<td style="width: 5px; height: 5px;"><img src="spacer.gif" style="width: 5px; height: 5px;"></td>
				<td style="height: 5px;"></td>
				<td style="width: 5px; height: 5px;"><img src="spacer.gif" style="width: 5px; height: 5px;"></td>
		</tr>
		<tr>
				<td style="width: 5px;"></td>
				<td style="border: 1px solid #000; background: #fff;">
						<div id="scroller" style="width: 100%; height: 100%; overflow: scroll;"><img src="obrazek.gif"> <!-- obrazek ma 256 x 256 px--></div>
				</td>
				<td style="width: 5px;"></td>
		</tr>
		<tr>
				<td style="width: 5px; height: 5px;"><img src="spacer.gif" style="width: 5px; height: 5px;"></td>
				<td style="height: 5px;"></td>
				<td style="width: 5px; height: 5px;"><img src="spacer.gif" style="width: 5px; height: 5px;"></td>
		</tr>
</table>
[HTML] pobierz, plaintext 

Div "scroller" o parametrze overflow: scroll znajdujący się w środku tabelki nie działa poprawnie, "rozpycha się" do rozmiarów obrazka. Przyczyną problemu jest brak zdefiniowanych rozmiarów tego diva. Nie mogę jednak nadać temu divowi rozmiarów, ponieważ cała tabelka będzie bardzo często zmieniać rozmiary i położenie w oknie przeglądarki (js), div ten musi się więc dopasowywać do aktualnie dostępnego miejsca. Jak przywrócić sprawność divowi overflow:scroll bez użycia js?

Hmm, obawiam się że bez ustawienia rozmiarów na co najmniej td to się nie uda (aczkolwiek mogę się mylić). BTW, zainwestuj w jakość życia, i przerób to na CSS

Zazwyczaj nie używam tabelek. To jest ten przypadek w którym muszę użyć tabelki - wynika to z faktu iż ramka dookoła musi być podzielona na 8 części (narożniki i brzegi) aby można było zmieniać rozmiary okna.

A wracając do tematu: czy istnieje jakiś sposób ustawienia szerokości w stylach na np. 100%-10px?