Статический заголовок покрывает тело в Firefox, не является статичным в IE

Question

CSS, который говорит, что он должен оставаться статичным

#fruko {
            position: fixed;
        }
        #links {
            position: fixed;
        }

HTML-код, где теги Div *

<td width="225px"><div id="fruko"><p><a href="#top" style="text-decoration: none"><font color="Red" size="8">Fruko, inc.</font></a></p></div></td>
        <td><div id="links"><table border="5" cellpadding="5" cellspacing="0" width="100%">
                <tr>
                    <td align="center"><a href="#apps" style="text-decoration: none"><font size="6" color="Red">Apps</font></a></td>
                    <td align="center"><a href="#programs" style="text-decoration: none"><font size="6" color="Red">Programs</font></a></td>
                    <td align="center"><a href="#webs" style="text-decoration: none"><font size="6" color="Red">Websites</font></a></td>
                    <td align="center"><a href="#news" style="text-decoration: none"><font size="6" color="Red">News</font></a></td>
                    <td align="center"><a href="#social" style="text-decoration: none"><font size="6" color="Red">Social</font></a></td>
                    <td align="center"><a href="#about" style="text-decoration: none"><font size="6" color="Red">About</font></a></td>
                </tr>
            </table>
        </div></td>

Кроме того, таблица в стороне от главной таблицы вверху нерастянуть в Firefox, но в IE.

Проверьте это сами здесь .

Answer 1

Ваша формулировка немного сбивает с толку.Вы говорите «статический» заголовок, который является действительной позицией CSS, например, position:static, но вы объявляете position:fixed, который имеет совершенно другой эффект, и стоит разобраться в разнице, если вам неясно.

Добавление position:fixed к элементу эффективно выводит его из потока элементов и делает его «фиксированным» относительно окна браузера.Все элементы, расположенные ниже, будут сдвигаться вверх, как будто его даже нет.

Любые проблемы с IE, которые у вас есть, вероятно, связаны с тем фактом, что вся страница построена из таблиц, которые могут быть проблемными и несовместимыми между браузерами.Кроме того, старые версии IE не делают position:fixed

Answer 2

Вы можете использовать условные комментарии Internet Explorer для загрузки стилей, специально предназначенных для IE.

http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

Это не решило бы корень проблемы в том, что обычно нужно использовать кросс-браузерный CSS, но это эффективно удовлетворяет потребности, подобные этой.