Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS, HTML) Проблема с отображением таблицы. / 10 сообщений из 10, страница 1 из 1
14.12.2005, 15:31
    #33435988
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
Тем, кто хорошо разбирается в верстке и DOM.

Не могу понять почему растягивается таблица при заполнии DIV'a, когда ее размер указан жестко - 50%. Либо "вошел в ступор" и не вижу очевидную ошибку.

Код прилагается.
...
Рейтинг: 0 / 0
14.12.2005, 15:32
    #33435992
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
Корректное отображение таблицы:
...
Рейтинг: 0 / 0
14.12.2005, 15:33
    #33435993
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
Неправильное отображение:
...
Рейтинг: 0 / 0
14.12.2005, 16:19
    #33436146
dard
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
Не очень понятно в чем разница между корректным и не корректным отображением. Попробуйте у дива такую же ширину задать как и у таблицы
...
Рейтинг: 0 / 0
14.12.2005, 16:25
    #33436159
VERS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
Код: plaintext
<td width="99%" bgcolor="#538DB5"><h3>Site Update</h3></td>
>>
Код: plaintext
<td bgcolor="#538DB5"><h3>Site Update</h3></td>

А еще лучше, для лого и аш3 отдельную таблицу нарисовать если надо чтоп они были на одном уровне.
-------------------------------
www.free-lancer.ru
...
Рейтинг: 0 / 0
14.12.2005, 16:40
    #33436216
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
2 VERS

Спасибо за помощь, но ...

если делать так, как вы предложили
Код: plaintext
1.
2.
3.
4.
5.
6.
...
<tr>
    <td width="185" height="95" valign="top"><img src="/images/logo.gif" width="185" height="95"></td>
    <td bgcolor="#538DB5"><h3>Site Update</h3></td>
</tr>
...
то растягивается область для logo.gif, что также неверно, т.к. ширина должна составлять 185 пикселей, не больше не меньше. А область где выводится "Site Update" должна быть как раз "резиновой" относительно размеров таблицы и заполнять все оставшееся пространство.

Во-вторых, все таки не ясно каким образом заполнение DIV'а влияет на размеры главной таблицы.
...
Рейтинг: 0 / 0
14.12.2005, 16:45
    #33436224
VERS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
Если Вы объясните зачем вот это нуно:
if (!WidthLocked)
{
style.width = clientWidth;
WidthLocked = true;
}

может я смогу ответить на ваш вопрос )))
-------------------------------
www.free-lancer.ru
...
Рейтинг: 0 / 0
14.12.2005, 16:47
    #33436230
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
2 VERS

Второй вариант, чтобы "нарисовать отдельную таблицу", вроде бы подошел. :)
Спасибо.

dardПопробуйте у дива такую же ширину задать как и у таблицыШирина у дива итак указана в 100%, и как я понимаю, должна заполнять все свободное пространство ячейки.

Berkut...все таки не ясно каким образом заполнение DIV'а влияет на размеры главной таблицыЕсли кто знает почему так происходит, то киньте пожалуйста линк.

Заранее, благодарю.
...
Рейтинг: 0 / 0
14.12.2005, 17:04
    #33436286
Berkut
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
VERSЕсли Вы объясните зачем вот это нуно:
if (!WidthLocked)
{
style.width = clientWidth;
WidthLocked = true;
}

может я смогу ответить на ваш вопрос )))
-------------------------------
www.free-lancer.ru
К сожалению, т.к. идея не моя, то четко и уверенно сказать для чего это нужно, сейчас не могу.

Скорее всего вопрос именно в этом и есть. Самое интересное, что, если закомментить данный блок кода, то заполнение слоя не работает (выводится только первая строка). А сам механизм пока до конца не понял. Читал MSDN, но про особенности работы с элементами DIV ничего не нашел, за что можно было бы зацепиться.

Имхо, style.width = clientWidth;, как раз и должен установить фиксированную ширину слоя logarea относительно document.logarea.clientWidth, чтобы не было изменения размеров. Но почему это изменение происходит... - вопрос.

Подробнее о clientWidth.
...
Рейтинг: 0 / 0
14.12.2005, 17:16
    #33436323
VERS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JS, HTML) Проблема с отображением таблицы.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
	with(document.getElementById('logarea'))
	{
		var oSpan = document.createElement('span');
		oSpan.innerHTML = str;
		appendChild(oSpan);
		appendChild(document.createElement('br'));
		scrollTop +=  20 ;
	}

Для таких вещей лучше всего использовать DOM методы и пропертиес (хотя иннерхтмл к их числу не относится).
-------------------------------
www.free-lancer.ru
...
Рейтинг: 0 / 0
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS, HTML) Проблема с отображением таблицы. / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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