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



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

#1 vladimir123
vladimir123
  • Неактивные
  • 8 сообщений
  • Репутация: 0
0

Обновлено 13 декабря 2012 - 12:41  Отправлено 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
  • Неактивные
  • 622 сообщений
  • Репутация: 93

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

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

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

#3 sae
sae
  • Неактивные
  • 269 сообщений
  • Репутация: 80

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

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

#4 isvetlichniy
isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

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

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

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

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

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

#5 vladimir123
vladimir123
    Topic Starter
  • Неактивные
  • 8 сообщений
  • Репутация: 0

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

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

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


  • 0

#6 isvetlichniy
isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 48 3 темы, 7 сообщений, 2 балла репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография Zevss
    #3

    Zevss (domles43.ru)
    Очков активности: 15 3 темы, 1 сообщение, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография SergiuS85
    #5

    SergiuS85
    Очков активности: 12 2 темы, 2 сообщения, 1 балл репутации

  • Фотография Totti
    #6

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография Sale_account
    #7

    Sale_account
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография kuztoday
    #8

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография mkreine
    #9

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #10

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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