Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > div не тянется за вложенным table

Автор: bars80080 11.4.2008, 11:58

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

Код

<!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

ап!

Автор: bars80080 15.4.2008, 11:08

ап!

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

Автор: Itsys 15.4.2008, 14:09

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

Автор: kizune 15.4.2008, 14:58

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

Код


<!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

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

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

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

Автор: kizune 15.4.2008, 15:21

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