Форум XHTML.ru <!-- по-русски -->

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


#1 22.11.2005 12:23

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

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

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

Код:

<div id="search">
    <form name="search" action="#">
        <input type="text" name="searchtext" value="поиск" />
        <input type="image" src="i/template/search.gif" alt="поиск" title="поиск" />
    </form>            
</div>

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

Код:

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

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

Нет на форуме

 

#2 22.11.2005 12:29

Fishus
Новичок
Откуда: г. Санкт-Петербург
Зарегистрирован: 22.11.2005
Сообщений: 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.2005 12:48

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

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

Fishus написал:

white-space: nowrap;

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

Нет на форуме

 

#4 07.12.2005 09:55

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

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

Fishus написал:

white-space: nowrap;

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

Нет на форуме

 

#5 07.12.2005 11:06

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

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

liven написал:

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

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

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

Нет на форуме

 

Board footer

Работает на PunBB
© 2002—2005 Rickard Andersson