VPF::Пустое пространство при вёрстке таблицами. Колонка

Tamahcki

Дата 25.11.2007, 16:17 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 25.11.2007

Репутация: нет
Всего: нет

Весртаю таблицами в XHTML 1.0 Transitional. 4 колокни . Слева на право - первая и вторая имеют фиксированый размер - третей центральной присвоена ширина 100% в надежде растянуть содержание на всю страницу. Крайняя правая (4) также имеет прописаный размер но он игнорируется

а) Когда центральная колонка (3) пустует
б) Когда она даже непустует иногда (невсегда) ИЕ 6 несоблюдает размеры этой колонки

найти причину такого поведения я несмог пока всё ещё в поисках =\

Скрины :

1) Опера в режиме отладка со структурой http://img510.imageshack.us/img510/7927/oeprng2.png

2) FireFox - Firebug http://img250.imageshack.us/img250/4505/fbvg3.png

3) IE 6 - http://img250.imageshack.us/img250/1883/iemw5.png

Может принесёт ясности.

Это сообщение отредактировал(а) Tamahcki - 25.11.2007, 16:28

WebDisaster

Дата 25.11.2007, 17:13 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19

Цитата(Tamahcki @ 25.11.2007, 16:17

)

центральной присвоена ширина 100% в надежде растянуть содержание на всю страницу

И где здесь логика? 100% ширины нужно задавать не 3-ей колонке, а всей таблице.

Код


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" border="1">
  <tr>
    <td width="100">&nbsp;</td>
    <td width="100">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="100">&nbsp;</td>
  </tr>
  <tr>
    <td width="100">&nbsp;</td>
    <td width="100">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="100">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Tamahcki

Дата 25.11.2007, 22:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 25.11.2007

Репутация: нет
Всего: нет

WebDisaster smile

-> <table width="100%" border="0" cellspacing="0" cellpadding="0">

Над ячейкой в таблице проиходит объединение нескольких ячеек - colspan="2" - я убираю все ячейки \сверху и отступов справа уже нету. хмм

WebDisaster

Дата 26.11.2007, 05:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19

Убейте меня, если я хоть что-нибудь понял... Это "работает"? "Не работает"?
Если что-то не нравится, разделите одну таблицу на несколько, расположенных одна-над-другой.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »