Форум

skrudjmakdak · #1 (**permalink**) 01.09.2014, 09:52

есть div внутри него есть таблица состоящая из 2 колонок:

<html>
	<body>
<div style="width: 300px;">
	<table style="width: 100%;">
		<tr>
			<td>мой текст мой текст:</td>
			<td>433</td>
		</tr>
		<tr>
			<td>текст текст текст текст </td>
			<td>433</td>
		</tr>
		<tr>
			<td>немного текста</td>
			<td>433</td>
		</tr>
		<tr>
			<td>последняя строка и хватит</td>
			<td>433</td>
		</tr>
	</table>
</div>
	</body>
</html>

так вот, первый столбец мне нужно сделать по содержимому, а второй до конца дива. это можно сделать с помощью css? есть какие либо идейки?

п.с. размер div'а может также меняться))

ksa · #2 (**permalink**) 01.09.2014, 09:56

Сообщение от skrudjmakdak

первый столбец мне нужно сделать по содержимому, а второй до конца дива. это можно сделать с помощью css?

Содержимое, содержимому - рознь...
Как вариант:
- ширина таблице 100%
- первой ячейке ширина 1%
- далее работать именно с "содержимым" первой ячейки

skrudjmakdak · #3 (**permalink**) 01.09.2014, 10:04

сделал 1% ну и как должно было быть, браузер сжал по самое не могу, аж моим яйцам стало страшно))

Сообщение от ksa

- далее работать именно с "содержимым" первой ячейки

каким макаром?

BETEPAH · #4 (**permalink**) 01.09.2014, 10:33

<html>
	<body>
<style>
td {
border: 1px solid;
}
.first-col {
width: 1%;
white-space: nowrap;
}
</style>
<div style="width: 300px;">
	<table style="width: 100%;">
		<tr>
			<td class="first-col">мой текст мой текст:</td>
			<td>433</td>
		</tr>
		<tr>
			<td class="first-col">текст текст текст текст </td>
			<td>433</td>
		</tr>
		<tr>
			<td class="first-col">немного текста</td>
			<td>433</td>
		</tr>
		<tr>
			<td class="first-col">последняя строка и хватит</td>
			<td>433</td>
		</tr>
	</table>
</div>
	</body>
</html>

skrudjmakdak · #5 (**permalink**) 01.09.2014, 10:53

BETEPAH, спс, работает

Форум

Справочник

Discord чат

Курсы javascript