Смещается меню в Опере - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Смещается меню в Опере

Опции

Newbie256

Topic Starter сообщение

2.9.2010, 3:18; Ответить: Newbie256

Сообщение #1

Группа: User
Сообщений: 25
Регистрация: 23.1.2009
Поблагодарили: 0 раз
Репутация:

Сделал шапку и горизонтальное меню.
Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз

во всех броузерах кроме oпeры:
[IMG]http://img-fotki.yandex.ru/get/4602/myguest2011.0/0_39868_d6115c0a_XL.jpg[/IMG]

в опере:
[IMG]http://img-fotki.yandex.ru/get/4906/myguest2011.0/0_39869_2e4b5477_XL.jpg[/IMG]

html-код:

<body>
   <div id="header-null">
                 <div id="header">
                        <div id="rosa">
                           <h1>Розы</h1>
                           <span>искуственные</span>
                        </div>
                 </div>

                 <div id="navigation">
                      <div id="mymenu">
                           <a href="#">Главная</a>
                           <a href="#">Цветы</a>
                           <a href="#">Контакты</a>
                      </div>
                 </div>
</div>

</body>

сss-код:

a         {text-decoration: none}
a:link    {color: #f83a5a}
a:visited {color: #f83a5a}
a:active  {color: #f83a5a}
a:hover   {color: #a0182e}

body {
font: 13px/18px Arial, Helvetica, sans-serif;
margin : 0 0 0 0;
}
/**  шапка **/
#header-null {
     background:url(background.png)  0 0 repeat-x;
     width: 100%;
     border: 3px solid blue;
     padding-right: 20px;
}
#header  {
      width : 100%;
      height : 128px;
      float: right;
      background : url(img/rose.png) no-repeat right top;
      border: 2px solid yellow;

      }

#rosa  {
     padding: 10px;
     height: 110px;
     font-size: 120%;
     color: #fff;
     margin : 37px 0 0 81px;
}

#rosa h1 {
  font-size: 165%;
  border: 0px solid black;
  margin-bottom: 18px;

}

/** навигация **/

#navigation {
      background: #ececec;
      border: 0px solid black;
      width: 100%;
      clear: both;
      margin-top: -17px;

      }

#mymenu {
     padding: 5px;
     border-bottom: 0px solid #b7b7b7;
     clear : both;
     margin-left :190px;
     height: 20px;

}
#mymenu a {
      padding-left: 15px;
      padding-right: 15px;
      font-weight: bold;
      padding-top: 5px;
      padding-bottom: 7px;
}
#mymenu a:hover {
      background: #f6f6f6;
}

/** конец навигации**/

/**  и конец шапки **/

Подскажите, пожалуйста, можно ли исправить чтобы не смещалось.
Или, возможно, у меня структурно неправильный подход.

Ответить с цитированием данного сообщения

Сашко

2.9.2010, 11:10; Ответить: Сашко

Сообщение #2

Частый гость

Группа: User
Сообщений: 97
Регистрация: 2.2.2011
Поблагодарили: 6 раз
Репутация:

-2

Думаю подвох кроется в этом стиле, у вас везде слишком много паддингов.
#mymenu a {
padding-left: 15px;
padding-right: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 7px;
}

Советую убрать верхние и нижние паддинги и прописать свойство line-height: 20px; (нужно подогнать цифру)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Перенести меню	1	Викторио_mw	1467	28.8.2018, 0:10 автор: TimurR
Необходимо разрезать и установить Меню для группы ВКонтакте	2	boltuk	3411	4.12.2017, 14:44 автор: tezoro
Помогите с меню - переделать в выпадающее	1	lepota	1130	4.12.2017, 13:29 автор: yury_mw
Слайдер под меню	0	Olya_Poy	4645	29.11.2017, 11:09 автор: -garmoni-
На разных разрешениях меню выглядит по разному	0	SPiar	4817	28.9.2017, 17:45 автор: -korotkov-

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 16:00

Дизайн