X
X
Xtray2015-04-07 12:34:20
css
Xtray, 2015-04-07 12:34:20

Strange bug in Chrome under Linux. Bug or layout problem?

Should be :
3711abaefaa0436a8172b6d4af3d23ab.pngBug :
1520a832ed9345c49901fb03338910dd.png
Block with phones in the header periodically slides down for some unknown reason. If you refresh the page , it returns to its proper place in the upper right corner.
After a while - it is enough just to click on the menu items - it slides down again.
Now the header code is:

<header class="header">
  <div class="headerlogo">
    <a href="/"><img src="/img/logo-img.png"></a>
    <div class="custom_header">
      <h3>Наши телефоны:</h3>
      <p><a href="tel:+73432148106">+7 (343) 214-81-06</a></p>
      <p><a href="tel:+73432882585">+7 (343) 288-25-85</a></p></div>
    </div>
  </div>
  <ul class="menu_header">
    <li class="item-198"><a href="/about.html">О компании</a></li>
    ...
  </ul>
</header>

.header {
  margin-bottom: 1em;
}
.headerlogo {
  height: 154px;
}
.custom_header {
  margin: 1em .2em 0 0;
  text-align: center;
  float: right;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: inset 0px 0px 15px #eee;
}
.custom_header p {
  margin-bottom: .5em;
}
.menu_header {
  margin-bottom: 2em;
  border-top: 1px solid rgb(65,105,225);
  border-bottom: 1px solid rgb(65,105,225);
  padding: .1em 0 .2em 0;
  font-size: 1.1em;
}

You can see it here: is.sigmamedia.ru
There is no such problem in Mozilla, I haven't tested other browsers yet.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
Andrey Mokhov, 2015-04-07
@Xtray

DIV drag a bit higher:

<header class="header">
  <div class="headerlogo">
    <div class="custom_header">...</div>
    <a href="/"><img src="/img/logo-img.png"></a>
  </div>
</header>

and for the logo, set the bounding parameters, height, width, etc.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question