Вопрос по CSS

bachelor писал(а):

Кто мне может помочь с одной проблемой с CSS?
Вот на одной моей страницы (Пожалуйста зарегистрируйся для просмотра данной ссылки на страницу.), если уменьшаю окно browser, то баннер справа заежает на лого. Не как не могу зделать так чтобы он остановился перед лого.

Пожалуйста зарегистрируйся для просмотра данной ссылки на страницу.

CSS

#phoca-header {
margin:0;
padding:0;
height:155px;
        width: 100%;
margin: auto; /* Div soll zentriert werden */
overflow: hidden !important; /* FF Scroll-leiste */ 


}
#phoca-logo {
padding-top:10px;
padding-left:10px;
}


#phoca-header .banner {
top: 2px;
right:20px;
        position:absolute;
}

Показать весь код

Привет! У тебя проблемы с баннром т.к у него стоит свойство position:absolute.
Сделай следующее для #phoca-logo добавь float:left, для #phoca-header .banner поставь float:right и убери position:absolute.
Или можно для #phoca-header .banner поставить float:left и в #phoca-logo добавить внешний оступ margin-right: и указать желаемои растояние между элементами. Оба варианта работают. Проверял с firebug. Только надо посмотреть ещё в IE7 и IE8.

Прилип т.к float:right стоит. Поэтому я два варианта написал. Но с внутренним отсутоп это тоже решение.

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