Div движется в IE - PullRequest
       5

Div движется в IE

6 голосов
/ 11 января 2012

У меня есть таблица с двумя столбцами. В левом столбце есть некоторый контент и виджет div, который является единственным плавающим элементом. Этот div продолжает перемещаться вниз страницы, занимая правую колонку таблицы, когда страница загружается. Иногда, когда я что-то парю, это возвращается назад, это кажется совершенно случайным.

Похоже на ошибку IE, но не совсем. Я пробовал position: relative;, но это не работает. Есть идеи?

Вот HTML:

<table class="formTable">
    <tr>
        <td class="content_main">
            <h1>header</h1>
            <table>
                <tr>
                    <td>Content here</td>
                    <td>Content here</td>
                </tr>
            </table>

            <div style="float: left; clear: none; display: block; color: rgb(68, 68, 68); font-weight: normal; font-family: &quot;Trebuchet MS&quot;,&quot;Verdana&quot;,sans-serif; font-size: 14px; line-height: 18px; text-decoration: none; text-align: left; margin: 0px; padding: 10px; height: auto; width: auto; background-image: none; background-color: white; border: 10px solid rgb(204, 204, 204); overflow: auto;" id="widget">
                Content
            </div>
        </td>
        <td class="content_right">
            <ul>
                <li>List</li>
                <li>List</li>
            </ul>
        </td>
    </tr>
</table>

А вот таблица для таблицы:

.content_right {
    padding-left: 20px;
    padding-top: 15px;
    width: 393px;
}
.content_main {
    padding-top: 15px;
    width: 500px;
}

Ответы [ 2 ]

1 голос
/ 11 января 2012

Работает нормально для меня.Если вы знаете, как использовать div, избегайте таблиц.

0 голосов
/ 17 января 2012
        <h1>header</h1>
        <article>Content here</article>
        <article>Content here</article>

        <div id="widget">
            Content
        </div>
        <ul>
            <li>List</li>
            <li>List</li>
        </ul>

Попробуйте HTML, как это, и используйте таблицу стилей CSS вместо встроенного большого двоичного объекта.Стандарты сделаны по причине.К настоящему времени все последние браузеры поддерживают их, устраняя необходимость в дрянной разметке и «ошибках», которые она вызывает.См. http://www.abookapart.com/ для чтения материала.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...