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/

пустой див на всю страницу, с текстом - тянется

Как вы можете без содрогания смотреть на <form> между <ul> и <li>... это ж всё равно, что живому котёнку запихать что-то между внешней стенкой желудка и шкурой... ему же больно!

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

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

Здравствуйте. Возник такой вопрос. Допустим у нас есть кнопка не картинкой, а на css, в виде дива. Внутри - текст. Можно ли расширить активную область ссылки, чтобы она была не только на тексте?

<div class="button"><a class="buttext" href="#">MAIN</a></div>

Спасибо

Для ссылки

a{
display:block;
width: 40px;
height:400px;
}

В рамках указанной ширины и высоты будет активная область

Olga_1989, спасибо большое. Остался только небольшой глюк в Хроме и ИЕ. Бэкграунд в шапке и подвале таблицы неправильно обрезается. В Firefox и Opera всё ОК.

Проблема в том, что к высоте добавляется 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>

В хроме это проблему решило, думаю, в остальных браузерах тоже должно помочь