ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сверстать резиновую таблицу
9 сообщений из 9, страница 1 из 1
Помогите сверстать резиновую таблицу
    #36329847
2222222
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2222222
Гость
Есть такой макет:
Макет

Верстал как обычно все таблицей, но нужно чтобы две области экрана расширялись от содержимого, причем без полос прокрутки в этих ячейках. Т.е. в длинну росла вся таблица.
...
Рейтинг: 0 / 0
25.11.2009, 07:32
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329877
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
2222222Т.е. в длинну росла вся таблица.

А с каких это пор стало проблемой?
Давай тогда тестовый пример...
...
Рейтинг: 0 / 0
25.11.2009, 08:27
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329907
2222222
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2222222
Гость
Вот пример:
Код: plaintext
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.
<html>
<head>
<title>Test</title>
</head>
<body bgcolor="white"  alink='black' vlink='black'>
<table border="1" align="center">
	<tr>
		<td width="300px" height="100px">
		Область  1 
		</td>
		<td width="500px" height="100px">
		Область  2 
		</td>
	</tr>
	<tr>
		<td width="300px" height="50px">
			Область  3 		
		</td>
		<td width="500px" height="50px" rowspan= 3  id="MainContent">
		Область  4 
		</td>
	</tr>
	<tr>
		<td width="300px" height="500px">
			Область  5 		
		</td>
	</tr>
	<tr>
		<td width="200px" height="15px" bgcolor='red' colspan= 2 >
		</td>
	</tr>
<table>
</body>
</html>
...
Рейтинг: 0 / 0
25.11.2009, 08:57
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329909
2222222
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2222222
Гость
Требуется сделать расширяемыми в высоту по содержимому области 4 и 5
...
Рейтинг: 0 / 0
25.11.2009, 08:58
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329941
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
2222222Требуется сделать расширяемыми в высоту по содержимому области 4 и 5

Тогда не понятно почему у них указано height="50px" и height="500px" соответственно?
Убери это и будет тебе счастие...
...
Рейтинг: 0 / 0
25.11.2009, 09:23
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329946
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
И тут

Код: plaintext
<td width="500px" height="50px" rowspan= 3  id="MainContent">

строки вроде не правильно посчитаны... Наверное так

Код: plaintext
<td width="500px" height="50px" rowspan='2' id="MainContent">

----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
25.11.2009, 09:25
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329953
2222222
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
2222222
Гость
krvsa2222222Требуется сделать расширяемыми в высоту по содержимому области 4 и 5

Тогда не понятно почему у них указано height="50px" и height="500px" соответственно?
Убери это и будет тебе счастие...

Это все понятно. Но идея указать браузеру, что длинна должна быть не меньше 500px, если содержимое не вмещается, то расширить.
...
Рейтинг: 0 / 0
25.11.2009, 09:28
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329970
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
2222222Но идея указать браузеру, что длинна должна быть не меньше 500px

Код: plaintext
1.
2.
<селектор> {
   min-height: <значение>;
}

Т.е. идеи свои нужно правильно оформлять. А пока браузер получает директиву высота четко 500px!
...
Рейтинг: 0 / 0
25.11.2009, 09:38
| Ответить | Цитировать | Написать  
Помогите сверстать резиновую таблицу
    #36329983
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
На крайняк использовать ДИВы-штырьки..

Код: plaintext
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.
<html>
<head>
<title>Test</title>
<style type='text/css'>
#r_tab {
	float: left;
	width:  0 ;
	height: 200px;
	border: 1px solid;
}
#l_tab {
	float: left;
	width:  0 ;
	height: 500px;
	border: 1px solid;
}
#MyMeny, #MainContent {
	vertical-align: top;
}
</style>
</head>
<body bgcolor="white"  alink='black' vlink='black'>
<table border="1" align="center">
	<tr>
		<td width="300px" height="100px">
		Область  1 
		</td>
		<td width="500px" height="100px">
		Область  2 
		</td>
	</tr>
	<tr>
		<td width="300px" height="50px">
			Область  3 		
		</td>
		<td width="500px" rowspan='2' id="MainContent">
			<div id='l_tab'></div>
			<div>Область  4 </div>
		</td>
	</tr>
	<tr>
		<td width="300px" id='MyMeny'>
			<div id='r_tab'></div>
			<div>Область  5 </div>
		</td>
	</tr>
	<tr>
		<td width="200px" height="15px" bgcolor='' colspan= 2 >
			Область  6 
		</td>
	</tr>
<table>
</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
25.11.2009, 09:49
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сверстать резиновую таблицу
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36329941&tid=1453913]:
 0ms
get settings:
 7ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 174ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 271ms
total:  545ms
созд. / загр.: 545ms
x
x
Закрыть


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