Olga_1989

Если я правильно понял <div style="position:relative;"> <div style="position: absolute; right:0; bottom:0;"> <img src="http://img195.imageshack.us/img195/2160/pilot27.gif" alt="Пилот"/> </div></div> Чувак ушел вверх, а не вниз Видно на сайте. Не совсем верно поняли: <div class=" span13 offset3" role="main" style="position:relative"> <!-- здесь есть еще другой див: leftcontainer, aside.span4, а затем идет ваш див с картинкой --> <div> <div style="position: absolute; right:0; bottom:0;"> <img src="http://img195.imageshack.us/img195/2160/pilot27.gif" alt="Пилот"/> </div> </div> </div> Т.е. относительное позиционирование нужно назначить не первому родителю дива с картинкой, его не трогаем, а тому, у которого класс offset3

#banners a, #banners img { outline: none; border: none; text-decoration: none; display: inline-block; } #banners img { width: 180px; height: 94px; float: left; } в хроме добавление display:inline-block для ссылки и картинок, а также float:left; проблему решило, картинки стали в 1 ряд. Думаю, что и в остальных браузерах это решит проблему

попробуйте так: .offset3 { position:relative; } div.pilot { position:absolute; right:0; bottom:0; }

Посмотрите здесь. http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements#1

ИЕ "не видит" background этих кнопок, т.к. перед no-repeat нет пробела background: url(../images/bttn_com.png)no-repeat;

проблема в стиле для: .featured .article >.h1, а конкретно в строке float:right; Ее отключение возвращает содержимое на место, по крайней мере так показывает эмулятор ИЕ7, который предлагается ИЕ9. Возможно, в реальном ИЕ7 и не сработает.

Если я правильно поняла задачу, то вот: http://jsfiddle.net/rqrE6/2/ пустой див на всю страницу, с текстом - тянется

Мне тоже больно такое видеть, но, к сожалению, сегодня часто важно получить "рабочий" вариант. А больно котенку или нет, это уже дело десятое

Если Ваш вариант минимально править, то можно так: http://jsfiddle.net/EcDbr/

Для ссылки a{ display:block; width: 40px; height:400px; } В рамках указанной ширины и высоты будет активная область

Проблема в том, что к высоте добавляется padding=0.4em, прописанный в div#eventlist table.eventtable th {} Убираю паддинг, все становится ок. Совет - задайте паддинг не в ем, а в пикселях и вычтете его из высоты. Примерно так (в хроме проблема решилась): div#eventlist table.eventtable th { background-image: url(../images/head_table2.gif); padding: 10px; text-align: left; border-bottom: 1px solid #E5E5E5; height: 40px; } div#eventlist table.eventtable #th_footer { font: 14px Arial, Tahoma, Verdana, sans-serif; color: #838180; background-image: url(../images/footer_table.gif); height: 65px; font-weight: bold; vertical-align: top; } Можно тоже самое в em. Главное, чтобы в одних ед. измерения.

В tfoot поставьте <tr><th colspan="5">......</th></tr> В хроме это проблему решило, думаю, в остальных браузерах тоже должно помочь