position:absolute для <td> в IE

Newie · August 31, 2010

Добрый день всем!Подскажите, как решить проблему абсолютного позиционирования ячеек в IE 6-8. Заранее спасибо

Vlad · August 31, 2010

Что конкретно интересует?

Searcher · August 31, 2010

Покажите, пожалуйста, код и опишите четко что вы хотите получить и что не получается. А то ваш вопрос находится вне области применения...

psywalker · August 31, 2010

Добрый день всем!Подскажите, как решить проблему абсолютного позиционирования ячеек в IE 6-8. Заранее спасибо

Абсолютное позиционирование в ячейках таблицы не пашет нигде.

klierik · August 31, 2010

td {position:value}

сам по себе, position, насколько знаю не присваевается к <TD>

Newie · August 31, 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head

</head>

<body>

<tr>

<td style="position:absolute">Название модели:</td>

</tr>

</table>

</div>

</body>

</html>

Блин,сейчас пока писал этот код он заработал в IE6, парадокс, на исходнике не пашет, буду искать косяки.Проверяйте, position:absolute для <td> работает!

psywalker · August 31, 2010

Ну и что? Ячейка просто выпала из потока.

Но вот так у тебя сделать не получиться

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="over" style="overflow:hidden;width:800px;position:relative;">
<div id="container" style="width:100%;overflow:auto">
<table class="compare">
<tr>
<td style="position: relative; height: 500px; border: 1px solid #000;"><div style="position: absolute; left: 0; top: 0;">kdsfksfj</div>Название модели:</td>
<td style="padding:0 100px"><h3>11</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
</tr>
</table>
</div>
</div>
</body>
</html>

Див внутри ячейки спозиционируется не по её границам, а по границам внешнего элемента с релативом.

Newie · August 31, 2010

Ну и что? Ячейка просто выпала из потока.

Но вот так у тебя сделать не получиться

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="over" style="overflow:hidden;width:800px;position:relative;">
<div id="container" style="width:100%;overflow:auto">
<table class="compare">
<tr>
<td style="position: relative; height: 500px; border: 1px solid #000;"><div style="position: absolute; left: 0; top: 0;">kdsfksfj</div>Название модели:</td>
<td style="padding:0 100px"><h3>11</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
<td style="padding:0 100px"><h3>asd</h3></td>
</tr>
</table>
</div>
</div>
</body>
</html>

Див внутри ячейки спозиционируется не по её границам, а по границам внешнего элемента с релативом.

Интересно, такой фишки не знал, но и вопрос был немного не в этом, прошу прощения за неточную формулировку, буду косяк искать у себя, ибо тестовый код(приведенный мною выше) заработал как надо

psywalker · August 31, 2010

А в чём собственно вопрос?

Newie · August 31, 2010

А в чём собственно вопрос?

Вопрос заключался в том, что у при абсолютном позиционировании ячейки относительно внешнего div'a она д.б. оставаться на месте, у меня же она в IE прокручивалась вместе с остальным контентом.

psywalker · August 31, 2010

Вопрос заключался в том, что у при абсолютном позиционировании ячейки относительно внешнего div'a она д.б. оставаться на месте, у меня же она в IE прокручивалась вместе с остальным контентом.

Значит сделай вместо ячейки див например, и пусть он уже остаётся на месте.

Newie · August 31, 2010

Значит сделай вместо ячейки див например, и пусть он уже остаётся на месте.

Видимо придется, а то Opera теперь жгет: 9-ка не понимает-таки position:absolute для <td>, в 10-ке вообще чудеса творятся - сперва ячейки на месте, а при достижении при помощи прокрутки остального контента левой границы внешнего блока эти абсолютные ячейки начинают ехать вместе с остальными!Вообще 10-ка очень косячная на удивление

psywalker · August 31, 2010

Вообще 10-ка очень косячная на удивление

Да у них все версии с багами, не удивительно.

Sign In

position:absolute для <td> в IE

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information