О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Anka_kuşu, Souteneur  
Форум » Создание сайта » Ucoz » Проблема с позиционированием поиска (На различных браузерах поиск смещен)
Проблема с позиционированием поиска
Varonsk Дата: Вторник, 13.11.2012, 16:01 | Сообщение # 1
Третьеклашка
Группа: Пользователи
Сообщений: 22
Город: Конотоп
Репутация: 0
Статус: Offline
Вот тут мой сайт - http://astro-hirolog.at.ua

Спасибо за помощь, которую мне уже оказали на этом сайте! Вопрос такой - поиск, который я встроил в горизонтальное меню, в хроме стоит как положено, по центру меню - в опере он смещен ниже, в эксплорере нет вообще. Вот код размещения поиска:

/* Search style */
.search_form {width: 220px; text-align: center; position: absolute; top: 11; right: 0; padding: 163px 0px 0px 0px;}
.schQuery {float:left}
.schBtn {float:right}

И сама строка поиска встроенная в меню:

<ul id="menu">
<li><a href="http://astro-hirolog.at.ua/" title="Главная страница">Главная</a></li>
<li><a href="http://astro-hirolog.at.ua/forum" title="Форум поддержки">Форум</a></li>
<li><a href="http://astro-hirolog.at.ua/publ" title="Каталог статей">Статьи</a></li>
<li><a href="http://astro-hirolog.at.ua/load" title="Каталог файлов">Файлы</a></li>
<li><a href="javascript:iAjax5();" title="Обратная связь" target="_blank">Связь с Администрацией</a></li>


<div class="search_form">
<form action="/search/" style="margin: 0pt;" method="get" onsubmit="this.sfSbm.disabled=true">
<div class="schQuery">
<input type="search" size="23" onfocus="this.value=''" value="Поиск по сайту..." onblur="if (this.value==''){this.value='Поиск по сайту...'}" maxlength="30" name="q">
<div id="searchsubmitborder"><input type="submit" value="ПОИСК" id="sfSbm" class="searchSbmFl"></div>
</div></form>

так как выдрал его с одного скрипта а координаты из другого - думаю тут не без ошибок - но привязка идет к шапке по координатам, то есть шапка - родитель, почему же опера по другому считает?
KorniloFF Дата: Вторник, 13.11.2012, 18:50 | Сообщение # 2
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3514
Город: Ялта
Репутация: 251
Статус: Offline
Varonsk, попробуйте так:
Code
.search_form {
     text-align: center;
     width: 220px;
     float: right;
}




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
KorniloFF Дата: Вторник, 13.11.2012, 18:55 | Сообщение # 3
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3514
Город: Ялта
Репутация: 251
Статус: Offline
Quote (Varonsk)
то есть шапка - родитель

Не верно. Родитель - меню.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Varonsk Дата: Вторник, 13.11.2012, 19:52 | Сообщение # 4
Третьеклашка
Группа: Пользователи
Сообщений: 22
Город: Конотоп
Репутация: 0
Статус: Offline
KorniloFF, И снова спасибо) Стало намного лучше в опере и хроме, в опере небольшое смещение, но это вариант хороший. Правда в эксплорере поиск не появился.
KorniloFF Дата: Вторник, 13.11.2012, 21:38 | Сообщение # 5
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3514
Город: Ялта
Репутация: 251
Статус: Offline
Varonsk, снова на здоровье!
ИЕ - враг любого веб-программиста! B)




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
KorniloFF Дата: Вторник, 13.11.2012, 21:48 | Сообщение # 6
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3514
Город: Ялта
Репутация: 251
Статус: Offline
Varonsk, посмотрел еще раз в ИЕ - ему не нравится, что не закрыт один из тегов li. Проверьте!
Особенно последний должен быть закрыт, остальные - тоже.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Varonsk Дата: Вторник, 13.11.2012, 22:43 | Сообщение # 7
Третьеклашка
Группа: Пользователи
Сообщений: 22
Город: Конотоп
Репутация: 0
Статус: Offline
KorniloFF, простите мою безграмотность - каким образом их следует закрыть, что нужно прописать в конце тега?

Добавлено (13.11.2012, 22:43)
---------------------------------------------
Это Вы именно о коде поисковика - меню или вообще?

KorniloFF Дата: Вторник, 13.11.2012, 22:52 | Сообщение # 8
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3514
Город: Ялта
Репутация: 251
Статус: Offline
Varonsk,
Quote
<li><a href="http://astro-hirolog.at.ua/" title="Главная страница">Главная</a></li>

Красным - закрывающий тег.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Varonsk Дата: Вторник, 13.11.2012, 23:30 | Сообщение # 9
Третьеклашка
Группа: Пользователи
Сообщений: 22
Город: Конотоп
Репутация: 0
Статус: Offline
KorniloFF, все закрыты. Даже не знаю где еще посмотреть - в цсс их нет, в остальных блоках закрыты.
KorniloFF Дата: Среда, 14.11.2012, 09:49 | Сообщение # 10
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3514
Город: Ялта
Репутация: 251
Статус: Offline
Varonsk, вот и Мозилла видит, что все закрыты. А ИЕ кажется, что ваш поиск стоит внутри последнего тега li - такой вот интересный броузер.
Вообще, ИМХО, пока веб-дизайнеры стараются оптимизировать свои сайты под ИЕ, люди будут продолжать им пользоваться. Как веб-программист я знаю, что попытки адаптации скриптов под него приводят к неразумному (до 1.5-2 раз) увеличению кода.
Я таким мазохизмом не занимаюсь. B)




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


Форум » Создание сайта » Ucoz » Проблема с позиционированием поиска (На различных браузерах поиск смещен)
  • Страница 1 из 1
  • 1
Поиск:
Проблема с позиционированием поиска - Создание сайта - Ucoz - Форум
Сегодня были на форуме:
Садзи, mary189, alexbordug11, vertsinskydenis

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск