Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сверстать резиновую таблицу / 9 сообщений из 9, страница 1 из 1
25.11.2009, 07:32
    #36329847
2222222
2222222
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сверстать резиновую таблицу
Есть такой макет:
Макет

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

А с каких это пор стало проблемой?
Давай тогда тестовый пример...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.11.2009, 08:57
    #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:58
    #36329909
2222222
2222222
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сверстать резиновую таблицу
Требуется сделать расширяемыми в высоту по содержимому области 4 и 5
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.11.2009, 09:23
    #36329941
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сверстать резиновую таблицу
2222222Требуется сделать расширяемыми в высоту по содержимому области 4 и 5

Тогда не понятно почему у них указано height="50px" и height="500px" соответственно?
Убери это и будет тебе счастие...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.11.2009, 09:25
    #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:28
    #36329953
2222222
2222222
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сверстать резиновую таблицу
krvsa2222222Требуется сделать расширяемыми в высоту по содержимому области 4 и 5

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

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

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

Т.е. идеи свои нужно правильно оформлять. А пока браузер получает директиву высота четко 500px!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.11.2009, 09:49
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сверстать резиновую таблицу / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 418ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453913]:
 0ms
get settings:
 7ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 160ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 27ms
get tp. blocked users:
 1ms
others: 199ms
total:  418ms
x
x
Закрыть


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