Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица и борьба с hegiht / 9 сообщений из 9, страница 1 из 1
17.11.2008, 13:58
    #35657852
delit
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
Имеется вот такая таблица

Код: 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.
<TABLE border= 1  WIDTH='100%' height="100%" cellpadding="0" cellspacing="0">
	<TR>
		<TD rowspan= 4 > 1 </TD>
		<TD bgcolor="BLUE" height="10"> 2 </TD>
		<TD rowspan= 4 > 3 </TD>
		<TD rowspan= 4 >Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.  Съешь ещё этих мягких французских булок, да выпей чаю.
</TD>
	</TR>
	<TR>
		<TD bgcolor="YELLOW" height="10"> 5 </TD>
	</TR>
	<TR>
		<TD bgcolor="GREEN" height="10"> 6 </TD>
	</TR>
	<TR>
		<TD bgcolor="ORANGE"> 7 </TD>
	</TR>
</TABLE>

Столкнулся с тем, что в Опере и ИЕ7 по разному растягиваются поля где прописан height. В опере это действительно 10px, а вот в ИЕ это что то не понятное.

Кто нибудь подскажет как правильно отобразить и в Опере и в ИЕ сию таблицу(ну чтобы поля были действительно по высоте 10px)?????
...
Рейтинг: 0 / 0
17.11.2008, 14:02
    #35657862
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
В цсс прописать.
...
Рейтинг: 0 / 0
17.11.2008, 14:14
    #35657909
delit
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
Не помогло. Может что не так делаю. Вот цсс
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
first{
	height:10px;
}
second{
	height: 100 %;
}


А вот сама таблица

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<TABLE border= 1  WIDTH='100%' height="100%" cellpadding="0" cellspacing="0">
	<TR>
		<TD rowspan= 4 > 1 </TD>
		<TD bgcolor="BLUE" id="first"> 2 </TD>
		<TD rowspan= 4 > 3 </TD>
		<TD rowspan= 4 >Здесь должно быть очень много текста про булочки
</TD>
	</TR>
	<TR>
		<TD bgcolor="YELLOW" id="first"> 5 </TD>
	</TR>
	<TR>
		<TD bgcolor="GREEN" id="first"> 6 </TD>
	</TR>
	<TR>
		<TD bgcolor="ORANGE" id="second"> 7 </TD>
	</TR>
	
</TABLE>

...
Рейтинг: 0 / 0
17.11.2008, 14:28
    #35657955
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
1. Не правильно на странице иметь несколько элементов с одним id.
2. Если уж по id, то надо писать знак # .
3. Надо писать не id="first", а class="first", тогда вместо # надо использовать . (точку т.е.).
То есть:
Код: plaintext
1.
2.
3.
4.
5.
6.
.first{
	height:10px;
}
.second{
	height: 100 %;
}
...
Рейтинг: 0 / 0
17.11.2008, 14:40
    #35657998
delit
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
Ваши рекомендации учил и поправил свои ошибки. Правда, все равно лучше не стало ((((
...
Рейтинг: 0 / 0
17.11.2008, 14:56
    #35658057
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
Ну не знаю. У меня в фф, опере и ие - одинаково работает.
...
Рейтинг: 0 / 0
17.11.2008, 14:59
    #35658072
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
здесь две неприятные проблемы накладываются и получается одна кака. Первая проблема - баг ИЕ при задании высоты строкам/ячейкам в случае, если в таблице есть colspan/rowspan. В этом случае ИЕ просто тупо не обращает внимания на заданные значения. Можно было бы попробовать обойти это с помощью вложенной таблицы, но тут вступает в игру другая проблема - с заданием height в таблицах в том случае, если в документе указан некий doctype. В общем, нужен бубен. Могу предложить извернуться как-нибудь так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<TABLE border= 1  WIDTH='100%' height="100%" cellpadding="0" cellspacing="0">
	<TR style="height:100%">
		<TD> 1 </TD>
		<td style="vertical-align:top; background:orange">
			<div style="height:20px; background:blue"> 2 </div>
			<div style="height:20px; background:yellow"> 5 </div>
			<div style="height:20px; background:green"> 6 </div>
			 7 
		</td>
		<TD> 3 </TD>
		<TD>Здесь должно быть очень много текста про булочки</TD>
	</TR>
</TABLE>
...
Рейтинг: 0 / 0
17.11.2008, 15:13
    #35658139
delit
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
Хм.. это пока что единственное, что мне помогло... Чтож, за не имением лучшего будем иметь то что етсь )))
...
Рейтинг: 0 / 0
17.11.2008, 15:16
    #35658156
delit
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Таблица и борьба с hegiht
П.С. спасибо за помощь
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица и борьба с hegiht / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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