Hamburger-Icon verschoben im IE8-11
Verfasst: 27.11.2014 17:29
Hi, ich möchte gerne mal nachfragen, ob andere Anwender auch das Phänomen verzeichnen, dass sich das Hamburger-Icon dezent versetzt darstellt, wenn in der phpBB-Version 3.1.0 - 3.1.1 in Bereichen innerhalb -
Auszug:
der overall_header.html codiert wird? Dabei spielt es keine Rolle, ob ich eine Extension, sprich Event verwende oder "herkömmlich" vorgehe. Meine Vermutung ist, dass dies an der Vorgabe line-height in der Quellangabe liegen könnte.
Ein und derselbe Code nach dem schließenden DIV-TAG page_header eingebunden verursacht jene Verschiebung nicht.
Merkwürdig daran ist außerdem, dass es offenbar auch vom Betriebssystem abhängig ist, also unterschiedliche Reaktionen im IE8-11 gibt.
Fehlerbeschreibung: Die untere Linie bei Schnellnavigation (Quick-Links) der drei Linien hat einen ungleichen Abstand zu den darüber liegenden zwei Linien. Der Abstand der unteren Linie hat nicht die gleiche Höhe.
Verwunderte ...
Grüße
Auszug:
Code: Alles auswählen
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">
<!-- EVENT overall_header_body_before -->
<div id="wrap">
<a id="top" class="anchor" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner">
<div id="site-description">
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box" class="search-box search-header">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
{S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
</div>
</div>
<!-- INCLUDE navbar_header.html -->
</div>
Ein und derselbe Code nach dem schließenden DIV-TAG page_header eingebunden verursacht jene Verschiebung nicht.

Fehlerbeschreibung: Die untere Linie bei Schnellnavigation (Quick-Links) der drei Linien hat einen ungleichen Abstand zu den darüber liegenden zwei Linien. Der Abstand der unteren Linie hat nicht die gleiche Höhe.
Verwunderte ...
