Высота строки Експлорер 6.0

Germany.ru → Форумы → Архив Досок→ Вебдизайн и хостинг

163 1 2 все

kotjara знакомое лицо27.02.07 15:20

NEW 27.02.07 15:20

Как сделать с эксплорере строку высотой в 0! пикселей. Она у меня шаблоном служит. Лиса, Опера, Сафари не показывают ее, эксплорер делает строчку высотой в пиксель

Вот эти стили ничего не принесли ->
<table class="listTable" style="table-layout: auto;" cellpadding="0" cellspacing="0">
<tr style="margin: 0px; padding: 0px; overflow: hidden; border-spacing: 0px; border-collapse: collapse; line-height: 0px; font-size: 0px; height: 0px;">
<td width="17"></td>
<td width="118"></td>
<td width="50"></td>
<td width="25"></td>
<td width="25"></td>
</tr>

saschka_net посетитель27.02.07 15:37

NEW 27.02.07 15:37

в ответ kotjara 27.02.07 15:20

Могет так?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Домаин Логин Фаилед</title>
<STYLE TYPE="text/css">
.Цлеар
{
маргин: 0пх;
фонт-сизе: 0пх;
лине-хеигхт: 0пх;
хеигхт: 0пх;
}
</STYLE>
</head>
<body>
<table class="listTable" style="table-layout: auto;" cellpadding="0" cellspacing="0">
<tr class="Clear">
<td width="17"></td>
<td width="118"></td>
<td width="50"></td>
<td width="25"></td>
<td width="25"></td>
</tr>
</table>
</body>
</html>

saschka_net посетитель27.02.07 15:38

NEW 27.02.07 15:38

в ответ kotjara 27.02.07 15:20

Noch mal ..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Domain Login Failed</title>
<STYLE TYPE="text/css">
.Clear
{
margin: 0px;
font-size: 0px;
line-height: 0px;
height: 0px;
}
</STYLE>
</head>
<body>
<table class="listTable" style="table-layout: auto;" cellpadding="0" cellspacing="0">
<tr class="Clear">
<td width="17"></td>
<td width="118"></td>
<td width="50"></td>
<td width="25"></td>
<td width="25"></td>
</tr>
</table>
</body>
</html>

kotjara знакомое лицо27.02.07 15:42

NEW 27.02.07 15:42

в ответ saschka_net 27.02.07 15:38

с класом тоже самое

А у тебя работает?

saschka_net посетитель27.02.07 15:50

NEW 27.02.07 15:50

в ответ kotjara 27.02.07 15:42

Работает. Цкопируй код и открой ... ИЕ толко вместе с <!DOCTYPE

Ostap старожил27.02.07 16:07

NEW 27.02.07 16:07

в ответ kotjara 27.02.07 15:20, Последний раз изменено 27.02.07 16:13 (Ostap)

<table class="listTable" style="table-layout: auto;" cellpadding="0" cellspacing="0">
Так синим, или красным стиль для таблицы определяете ? А то, если вместе, так это какой-то странный расклад...
А зачем, интересно, вообще нужна таблица высотой в 0 пикселей ?

Может проблему можно решить как-то по-другому ?

kotjara знакомое лицо27.02.07 16:08

NEW 27.02.07 16:08

в ответ saschka_net 27.02.07 15:50

<!DOCTYPE тот же. Не работает.

IE 6.0.2800

saschka_net посетитель27.02.07 16:11

NEW 27.02.07 16:11

в ответ kotjara 27.02.07 16:08

код в студию!

scorpi_ скептик27.02.07 16:20

NEW 27.02.07 16:20

в ответ kotjara 27.02.07 15:20

В ответ на:

Она у меня шаблоном служит.

Что значит служит шаблоном?

kotjara знакомое лицо27.02.07 16:23

NEW 27.02.07 16:23

в ответ saschka_net 27.02.07 16:11

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>бла-бла</title>
пара импортов
</head><body bgcolor="#fcf8ed">
<table cellpadding="0" cellspacing="0" class="listTable" style="table-layout:fixed;">
<tr class="testLine"> класс у тебя скопирован
<td width="17"></td>
<td width="118"></td>
<td width="50"></td>
<td width="25"></td>
<td width="25"></td>
</tr><tr>
<td width="17"></td>
<td width="118"></td>
<td width="50"></td>
<td width="25"></td>
<td width="25"></td>
</tr><tr>
<td width="17"></td>
<td width="118"></td>
<td width="50"></td>
<td width="25"></td>
<td width="25"></td>
</tr></table>
</body></html>
В лисе таблицу вообще не видно, ИЕ-гад показывает

#10

kotjara знакомое лицо27.02.07 16:26

NEW 27.02.07 16:26

в ответ scorpi_ 27.02.07 16:20

что-бы в каждой строке брайте не писать. Делаю первую строку с <wiidth>, следущие по ней идут

#11

kotjara знакомое лицо27.02.07 16:29

NEW 27.02.07 16:29

в ответ Ostap 27.02.07 16:07

class уже убрала для чистоты эксперимента. все остальное нужно.
Таблица высотой в 0пх не нужна! Нужна верхняя строчка высотой в 0! В ней брайтен поставлены!

#12

scorpi_ скептик27.02.07 16:38

NEW 27.02.07 16:38

в ответ kotjara 27.02.07 16:26

Для этого существуют теги colgroup и col http://www.w3.org/TR/html4/struct/tables.html#h-11.2.4

#13

saschka_net посетитель27.02.07 16:40

NEW 27.02.07 16:40

в ответ kotjara 27.02.07 16:29, Последний раз изменено 27.02.07 16:41 (saschka_net)

не понятно сачем тебе 0pх Row.. Прописивай style="width: ??px;" в первой и все ..

#14

saschka_net посетитель27.02.07 16:45

27.02.07 16:45

в ответ scorpi_ 27.02.07 16:38

не пугай человека

#15

Ostap старожил27.02.07 16:59

NEW 27.02.07 16:59

в ответ kotjara 27.02.07 16:29, Последний раз изменено 27.02.07 17:01 (Ostap)

Да и бог с ним, с тем одним пикселем. Выставь border="0", чтобы таблица невидимой была.
Ну ещё можешь .GIF картинку невидимую высотой 1 пх, и нужной ширины туда втиснуть.
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="61"></td>
<td width="97"></td>
<td width="97"></td>
<td width="100"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>

#16

scorpi_ скептик27.02.07 17:01

NEW 27.02.07 17:01

в ответ saschka_net 27.02.07 16:45

Что страшного в том, чтобы написать

<colgroup><col width="17"><col width="118"><col width="50"><col width="25"><col width="25"></colgroup>

? Кроме того, именно так писать и полагается и это имеет кроме того преимущество более быстрой отрисовки, так как рендерер сразу знает, сколько каких колонок в данной таблице.

#17

saschka_net посетитель27.02.07 17:16

NEW 27.02.07 17:16

в ответ scorpi_ 27.02.07 17:01

конечнио все верно .. толко ей надо zачемто невидимий Row ??

#18

kotjara знакомое лицо27.02.07 17:24

NEW 27.02.07 17:24

в ответ scorpi_ 27.02.07 16:38

то что доктор прописал! Спасибо!
Но проблема остается с эксплорером. После каждой строчки и меня идет пустая строка с дивом. В этот див я загружаю аяксом другой техт, после нажатия определенной кнопочки. Ну понятно вобщем надеюсь.
Примерно так ->
<tr >
<td class="listTd">1</td>
<td class="listTd" >2</td>
<td class="listTd">3</td>
<td class="listTd" >4</td>
</tr><tr>
<td class="listDiv"></td>
<td colspan="3"><div class="listDiv" id="div_12345"></div></td>
</tr>
В див "div_12345" загружается новый инхальт. Цель - сделать строку с дивон невидимой в эсплорере. даже если я выну див, строка видна. Таблица с пунктирными линиями получается

#19

scorpi_ скептик28.02.07 01:33

NEW 28.02.07 01:33

в ответ kotjara 27.02.07 17:24

Это тоже несложно, единственная фишка - IE не понимает табличных стилей для display.
Вот простой пример - http://scorpix.strana.germany.ru/at.html
HTML-file

В ответ на:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
	<title>Ajax test</title>
	<script type='text/javascript' src='prototype.js'></script>
	<script type='text/javascript' src='at.js'></script>
</head>
<body>
	<table border='1' cellpadding='5'>
		<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
		<tr id='hidden_row' style='display:none'><td colspan='5' id='notice'></td></tr>
		<tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr>
	</table>
	<span id='at_btn' style='cursor:pointer'>Show hidden row</span>
</body>
</html>

Javascript-file

В ответ на:

function on_btn_click()
{
	new Ajax.Request( 'ajax.js', {
		method: 'get',
		onSuccess: function( transport ) {
			eval( transport.responseText );
			if ( data )
				$('notice').appendChild( document.createTextNode( data ) );
			$('hidden_row').style.display = document.all ? 'block' : 'table-row';
			Event.stopObserving( $('at_btn'), 'click', on_btn_click );
		}
	} );
}
Event.observe( self, 'load', function() { Event.observe( $('at_btn'), 'click', on_btn_click ) } );

Ajax-Daten (в последнее время предпочитаю JSON вместо XML)

В ответ на:

var data = 'some text';

Кроме того я воспользовался скриптом prototype.js - http://prototypejs.org/

#20

1 2 все