Как оформить таблицу?

Question

[Матвей Томилов]

Есть таблица, в диве class="tabl"
Див class="tabl" должн быть всегда 90% от экрана.
А таблица растягиваться на всю свою ширину и скролится в диве class="tabl".
Как задать ширину <td>? когда задаю с помощью стиля напрямую или через класс toptr, либо не меняется, либо меняется, но незначительно, явно не на ту ширину, которую указал я.

<div style="overflow: scroll;" class="tabl">
<table>
		<tr class="main">
		<td class="toptr fixtoptr">№</td>
		<td class="toptr fixtoptr">Обьект</td>
		<td class="toptr">Сведения об обьекте НГ</td>
		<td class="toptr">Результат</td>
		<td class="toptr">об исполнителях работ ИЗ</td>
		<td class="toptr">об исполнителях работ ПД</td>
		<td class="toptr">вид объекта</td>
		<td class="toptr">адрес</td>
		<td class="toptr">признаки по ст.4 ч.1 ФЗ N 384-ФЗ</td>
		<td class="toptr">о заявителе</td>
		<td class="toptr">о застройщике</td>
		<td class="toptr">о тех. заказчике</td>
		<td class="toptr">№ заключения</td>
	</tr>
<tbody class="list">
</tbody>
</table>
</div>

Красным див, синим таблица, скролл соответственно будет горизонтальный и вертикальный


Мне нужно конкретно как задать ширину tb

Answer 1

[Максим Тимофеев]

Див class="tabl" должн быть всегда 90% от экрана.

высоты или ширины?

Ну например:

.tabl {width: 90vw; height: 90vh; overflow-x: auto; overflow-y: auto}
.tabl > table {width: 100%; height: 100%;}
.tabl > table td {width: 20px;} //задаем ширину td

Comments

[Матвей Томилов]

Это верно.
А как задать ширину для tb? Допустим 250px.

[Максим Тимофеев]

etozhematvekat: а что такое tb?

[Матвей Томилов]

Максим Тимофеев: опечатка <td>

[Максим Тимофеев]

etozhematvekat: Ну так
.tabl > table td {width:250px;}
или конкретному
.toptr {width:250px;}
или вообще в html

<td class="toptr" style="width:250px;">№ заключения</td>

ну и еще вагончик вариантов есть