Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Не могу выровнять меню

#1 vladimir123

vladimir123
  • Пользователь
  • 8 сообщений
  • Репутация: 0
0

Отправлено 07 Декабрь 2012 - 21:04

Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск.
Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/

вот код стилей.

/*---Menu---*/
.darkbg { background: #000099 url("../images/colorbg.png"); }
#menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; }
   #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; }
   #menubar .lcol { overflow: hidden; height: 50px; }
	  #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px; }
		 #menubar .lcol ul li { background: url("../images/mbarer.png") no-repeat; }
		 #menubar .lcol ul a { padding: 0 11px 0 12px; color: #fff; height: 50px; text-decoration: none; }
		 #menubar .lcol ul a:hover { color: #da143d; background: url("../images/mbarer.png") no-repeat 50% 100%; }

   /*---search---*/
   .searchbar { margin-top: 12px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 217px; height: 26px; background: #191f24 url("../images/poisk.png") no-repeat; }
	  .searchbar li { float: left; height: 26px; }
	  .searchbar .lfield { width: 180px; padding-left: 7px; overflow: hidden; }
		 .searchbar .lfield input { font-style: italic; color: #8b99a8; float: left; height: 15px; width: 180px; border: 0 none; background: none; margin-top: 6px; }
	  
	  .searchbar .lbtn input { width: 30px; height: 26px; background: #db143d url("../images/poisk.png") no-repeat 0 -26px; }
		 .searchbar .lbtn input:hover { background-position: -30px -26px; }[img]http://dle.net.ua/forum/Themes/default/images/icons/modify_inline.gif[/img]

 

 

  • 0

#2 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

Отправлено 07 Декабрь 2012 - 21:55

чтобы не съезжал поиск для #menubar установи фиксированную ширину

а меню попробуй вот так
для #menubar добавть position:relative;
а для #menubar .lcol добавь position:absolute;
  • 0

#3 sae

sae
  • Пользователь
  • 269 сообщений
  • Репутация: 79

Отправлено 08 Декабрь 2012 - 10:32

isvetlichniy, с абсолютным позиционированием - это легко и неинтересно ;). А не разобрались, почему этот блок вправо вообще отъезжает? Я вчера пробежался, все вроде чисто.
  • 0

#4 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

Отправлено 08 Декабрь 2012 - 10:35

это легко и неинтересно

может и так, но результат получен.

А не разобрались, почему этот блок вправо вообще отъезжает?

чтобы полностью во всем разобраться, мне нужны исходники. Firebug и отладчик в осле мне ничего не показали и ве должно было работать и без позиционирования
  • 0

#5 vladimir123

vladimir123
    Topic Starter
  • Пользователь
  • 8 сообщений
  • Репутация: 0

Отправлено 08 Декабрь 2012 - 19:58

isvetlichniy, Спасибо, сделал. Поиск не съезжает, а вот меню все равно не на месте.

Если нужно, что то показать - говорите, мне не сложно.


  • 0

#6 isvetlichniy

isvetlichniy
  • Пользователь
  • 619 сообщений
  • Репутация: 93

Отправлено 08 Декабрь 2012 - 21:25

а вот меню все равно не на месте.


не может быть, у меня даже в ИЕ7 нормально отображается
ничего не напутал в стилях?
для #menubar добавть position:relative;
а для #menubar .lcol добавь position:absolute;
еще можно для #menubar .lcol добавить left: 0; (после position:absolute;)
  • 0

#7 vladimir123

vladimir123
    Topic Starter
  • Пользователь
  • 8 сообщений
  • Репутация: 0

Отправлено 13 Декабрь 2012 - 12:41

Вылечил! помогло добавление clear:both; для .shadlr
  • 0


Оформление форума – IPBSkins.ru