Помогите. Не могу нормально сделать шапку себе на сайте, чтобы она растягивалась под любое разрешение и выглядила приемлимо.
Все сделал, но в Firefox сайт залазит под шапку. Во всех остальных браузерах работает нормально(насчет IE не уверен, у меня его нету).
http://rasieltournament.ru/
Вообщем смотрите: шапка разделена на четыре части таблицей:
1. (левый край)Появляется с разрешения шириной 1280(на самом 1280 его не видно)
2. (лого)Видна всегда, но начинает скрыватся если ширина меньше 1280
3. (рамка, под ней рандомная картинка)Видна всегда.
4. (правый край) Видна на разрешениях выше 1600
Все на HTML и CSS, никакого JS
Ща стоит параметр float:right у всей таблицы с шапкой, чтобы правильно работал левый край(1). Если его убрать, то в фаерфоксе работает нормально, но тогда левый край не скрывается и растягивает экран на маленьких разрешениях.
Как стоит float:right, то в фраерфоксе шапка портится.
Код шапки:
<table border="0" cellpadding="0" cellspacing="0" height="200px" width="100%" style="background:#000000;overflow-x:hidden;float:right;height:200px">
<tr><td style="max-width:318px;overflow-x:hidden;float:right"><img style="float:right;overflow-x:hidden" align="right" src="/rt2010/hat11.jpg" border="0"></td><td style="width:526px;height:200px" rowspan="4"><A href="http://rasieltournament.ru/"><img src="/rt2010/hat12.jpg" border="0" height="200px"></A></td><td style="width:762px;background:url($MYINF_22$)"><img src="/rt2010/hat2.png"></td><td style="width:100%;overflow:hidden;background:url(/rt2010/hat3.jpg) no-repeat"></td></tr></table>