ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксированная ширина последней колонки
6 сообщений из 6, страница 1 из 1
Фиксированная ширина последней колонки
    #38287875
Pavluha
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavluha
Гость
Вот колонка:
Код: html
1.
<th rowspan="2" class="lastcol"></th>


Вот ее стиль
Код: css
1.
2.
3.
4.
5.
6.
7.
.lastcol
{
    width: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}


Разметка страницы в браузере:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<thead>
		    <tr>
			    <th nowrap rowspan="2" style="width:4%; text-align:center; white-space: nowrap;">ФИО</th>
                <th colspan="2" style="width:5%; text-align:center;">Кол-во нарядов</th>
			        <th colspan="2" style="width:45%; text-align:center;">Повышение качества работы</th>
			        <th colspan="2" style="width:45%; text-align:center;">Выработка норматива по количеству обслуживаемого оборудования (за месяц)</th>
			    <th rowspan="2" class="lastcol"></th>
		    </tr>
		    <tr>
                <th style="width:1%; text-align:center;">Назначено</th>
                <th style="width:1%; text-align:center;">Выполнено</th>
                    <th style="width:1%; text-align:center;">Факт</th>
                    <th style="width:1%; text-align:center;">Результат</th>
                    <th style="width:1%; text-align:center;">Факт</th>
                    <th style="width:1%; text-align:center;">Результат</th>
		    </tr>
	    </thead>



А само отображение ппросто ппц. Последняя колонка занимает больше 50%
Помогите подправить разметку
...
Рейтинг: 0 / 0
06.06.2013, 10:28
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288655
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
PavluhaПомогите подправить разметку
Для начала сделай полный тестовый пример. Кому нужны твои огрызки?
...
Рейтинг: 0 / 0
06.06.2013, 16:14
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288735
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
table {
    width: 100%;
	table-layout: fixed;
}
.lastcol1 {
    width: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table border='1'>
	<col style='' />
	<col style='' />
	<col style='' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 20px;' />
<thead>
	<tr>
		<th nowrap rowspan="2">
</th>
		<th colspan="2">
</th>
		<th colspan="2">
</th>
		<th colspan="2">
</th>
		<th rowspan="2">
</th>
	</tr>
	<tr>
		<th>
</th>
		<th>
</th>
		<th>
</th>
		<th>
</th>
		<th>
</th>
		<th>
</th>
	</tr>
</thead>
</table>
</body>
</html>


У таблиц своё понимание того как ей нужно форматировать ширину и высоту ячеек... Твой вариант ей не понятен.
...
Рейтинг: 0 / 0
06.06.2013, 16:42
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288742
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Что-то мои
Код: html
1.
2.



Пропали куда-то... Вот вариант с пробелами...


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
table {
    width: 100%;
	table-layout: fixed;
}
.lastcol1 {
    width: 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table border='1'>
	<col style='' />
	<col style='' />
	<col style='' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 22%;' />
	<col style='width: 20px;' />
<thead>
	<tr>
		<th nowrap rowspan="2">&nbsp;</th>
		<th colspan="2">&nbsp;</th>
		<th colspan="2">&nbsp;</th>
		<th colspan="2">&nbsp;</th>
		<th rowspan="2">&nbsp;</th>
	</tr>
	<tr>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
		<th>&nbsp;</th>
	</tr>
</thead>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
06.06.2013, 16:45
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38288813
Pavluha
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavluha
Гость
krvsa,

Большое спасибо, с col все работает как надо!
...
Рейтинг: 0 / 0
06.06.2013, 17:18
| Ответить | Цитировать | Написать  
Фиксированная ширина последней колонки
    #38289447
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Pavluha , нужно правильно объяснять таблице её предполагаемые размеры...
...
Рейтинг: 0 / 0
07.06.2013, 08:44
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксированная ширина последней колонки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38288655&tid=1448259]:
 0ms
get settings:
 9ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 212ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 27ms
get tp. blocked users:
 1ms
others: 253ms
total:  532ms
созд. / загр.: 532ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]