Исправить положение строки меню слева от страницы - PullRequest
Новая
       14

Исправить положение строки меню слева от страницы

0 голосов
/ 06 марта 2012

У меня есть HTML-файл, который описывает строку меню. Меню имеет следующий формат, который я импортирую как iframe в другие файлы HTML: 

<ul> class="navbar">
  <li><a href="home.html">Home</a></li>  
</ul>

(с большим количеством li и с правильным синтаксисом, конечно :))

У меня есть следующий CSS для этого: 

ul.navbar, iframe {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em 
}

Итак, когда я нажимаю на ссылку в строке меню, строка меню сдвигается немного вправо. Почему это происходит? : /

1 Ответ

0 голосов
/ 14 января 2013

Поскольку вопрос не содержит jsFiddle и неясно, в каком контексте вы его используете, я буду только догадываться.

Наиболее вероятная причина перехода строки меню в iframe ксразу после взаимодействия с пользователем из-за способности iframe прокручивать .Решением может быть установка overflow: hidden; для iframe и установка следующего стиля для всех элементов в iframe, таким образом, не в качестве стиля для самого iframe.Что-то вроде: *{margin: 0px;padding: 0px;} html,body{width: 100%;height: 100%;} подойдет.

Пожалуйста, будьте немного конкретнее в вашей ситуации.Что именно представляет собой HTML-содержимое iframe и каков контекст iframe, включая всю информацию CSS.Затем поместите его в jsFiddle или в отформатированный код.

Возможно, ваша проблема связана с прокруткой iframe при фокусировке.

...