VPF::div не тянется за вложенным table - Форум программистов

bars80080

Дата 11.4.2008, 11:58 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

вот есть разметка:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml " lang="en" xml:lang="en">
<head>
<style type="text/css">/*<![CDATA[*/  
* { margin: 0px; padding: 0px; }
#page { background: #0000ff; }
#up { width: 100%; height: 40px; background: #00ff00; }
#down { width: 100%; height: 40px; background: #00ff00; }
table { /*background: #ff0000;*/ }
td div { width: 200px; height: 400px; background: #ffffcc; }
/*]]>*/</style>
</head>
<body>
<div id="page">
<div id="up"></div>
<table><tr>
<td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td>
</tr></table>
<div id="down"></div>
</div>
</body></html>

обратите внимание на синий фон дива, в ФФ и опере, при скроллинге вправо он не продолжается, словно таблица абсолютно позиционирована, хотя ИЕ6 остраивает нормально

кто-нибудь может сказать, что за бред?

bars80080

Дата 14.4.2008, 09:31 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

ап!

bars80080

Дата 15.4.2008, 11:08 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

ап!

неужели никто не сталкивался с таким?

Itsys

Дата 15.4.2008, 14:09 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

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

сталкивался, только что с этим делать, не знаю smile

kizune

Дата 15.4.2008, 14:58 (ссылка)

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

Загрузка ...

Опытный

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

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

это единственное,что пришло в голову, но получается кривовато

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml " lang="en" xml:lang="en">
<head>
<style type="text/css">/*<![CDATA[*/  
* { margin: 0px; padding: 0px; }
#page { background: #0000ff; width:205%; }
#up { width: 50%; height: 40px; background: #00ff00; }
#down { width: 50%; height: 40px; background: #00ff00; }
table { /*background: #ff0000;*/ }
td div { width: 200px; height: 400px; background: #ffffcc; }
/*]]>*/</style>
</head>
<body>
<div id="page">
<div id="up"></div>
<table><tr>
<td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td>
</tr></table>
<div id="down"></div>
</div>
</body></html>

bars80080

Дата 15.4.2008, 15:14 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

интересная бодяга, задать ширину половину? и ещё 5%. это просто супер подгонки, сравнимые с изощрённым жонглированием

и ответа мы не узнаем, почему так?

ладно, спасибо

kizune

Дата 15.4.2008, 15:21 (ссылка)

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

Загрузка ...

Опытный

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

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

205% потому что заканчивается ближе всего к последнему диву.
и это действительно подгон.
если задать 100% - это весь экран
200% -соответственно в два раза больше, если внутри таблицы будет еще больше дивов, придется увеличивать.
у up и down соответственно задаем ширину по 50% от всего дива.

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