Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






Страниц: 1

 

#1 22.11.2009 12:23

liven
Разбирающийся
Зарегистрирован: 22.11.2009
Сообщений: 74

как не съехать на следующую строку? [explorer]

Есть следующий код:

Код:

и стили к нему:

Код:

#search {
    height: 45px;
    padding: 35px 0px 0px 30px;
    background: url(../i/template/search_bg.gif) repeat-y;
}

Мозилла показывает нормально, а в эксплорере кнопка съезжает на следующую строку... В чем может быть проблема? Как исправить стилями? скриншоты добавлю вечером, с работы не могу...

Нет на форуме

 

#2 22.11.2009 12:29

Fishus
Новичок
Откуда: г. Санкт-Петербург
Зарегистрирован: 22.11.2009
Сообщений: 8
Вебсайт

Re: как не съехать на следующую строку? [explorer]

#search {
    height: 45px;
    padding: 35px 0px 0px 30px;
    background: url(../i/template/search_bg.gif) repeat-y;
    white-space: nowrap;
}

HomeCD.RU - Интернет магазин нового поколения - Скоро открытие!

Нет на форуме

 

#3 22.11.2009 12:48

liven
Разбирающийся
Зарегистрирован: 22.11.2009
Сообщений: 74

Re: как не съехать на следующую строку? [explorer]

Fishus написал:

white-space: nowrap;

Пасиб, буду знать. Хотя решил проблему немного по-другому, нужно было просто указать ширину блока #search

Нет на форуме

 

#4 07.12.2009 09:55

kost
Новичок
Зарегистрирован: 07.12.2009
Сообщений: 3

Re: как не съехать на следующую строку? [explorer]

Fishus написал:

white-space: nowrap;

В ИЕ5 это не работает.

Нет на форуме

 

#5 07.12.2009 11:06

Chipmunk
Новичок
Зарегистрирован: 29.11.2009
Сообщений: 8

Re: как не съехать на следующую строку? [explorer]

liven написал:

Мозилла показывает нормально, а в эксплорере кнопка съезжает на следующую строку...

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

Отредактированно Chipmunk (07.12.2009 11:07)

Нет на форуме

 

 

Страниц: 1


Board footer