Dziwna sprawa... div (oznaczony w kodzie jako "TEN") nie rozciąga się razem z tabelą, którą w sobie zawiera. Przyjmuje on rozmiar okna przeglądarki bez suwaków. Kiedy wyświetlę tabelę strona rozciąga się o jakieś 70%, pojawiają się suwaki ale div zostaje z poprzednia szerokością.

[HTML] pobierz, plaintext 
<div style="margin:20px;">
<!-- Inna tresc -->
 
<div style="border:1px solid #f0a; padding:3px; margin:5px 0 5px 0;"> <!-- TEN -->
<form action="index.php" method="POST">
 
<table>
 <tr>
  <td>ID</td>
  <td>Date Added</td>
  <td>Date Edited</td>
  <td>Date From</td>
  <td>Date To</td>
  <td>Comment</td>
  <td>Color</td>
  <td>Type</td>
  <td>Backup</td>
 </tr>
 <tr>
  <td><input style="width:25px;" type="text" name="id" />
  <td><input type="text" name="date_added" />
  <td><input type="text" name="date_edited" />
  <td><input type="text" name="date_from" />
  <td><input type="text" name="date_to" />
  <td><input type="text" name="comment" />
  <td><input type="text" name="color" />
  <td><input type="text" name="type" />
  <td><input type="text" name="backup" />
 </tr>
</table>
 
</form>
</div>
 
</div>
[HTML] pobierz, plaintext 

Co może być przyczyną? Czyżbym nie doczytał o jakiejś właściwości tabel w CSS, czy co?


EDIT: Nie robi różnicy kolejność tagów: div, form, table lub form, div, table czy table, form, div albo table, div, form . Kombinowałem też z width:100% dla body, tabeli, diva czy forma. W chwili obecnej nic w całym html nie ma ustawionej szerokości ani na sztywno ani na 100%.

Ciężka sprawa, bo elementy blokowe nie rozciągają się w poziomie, ale możesz spróbować tak:

[CSS] pobierz, plaintext 
div {
    float: left;
    max-width: 9999px;
}
[CSS] pobierz, plaintext 

Żądzisz