Diese Seite, die ich www.malthestigaard.com codiert habe, gibt mir eine unerwünschte Bildlaufleiste in IE11 (soweit ich weiß). Wie man es los wird?Unerwünschte horizontale Bildlaufleiste mit schwebenden Objekten - nur in IE11
Vielleicht so dass es die schwebenden Elemente irgendwie sind?
Ich habe auch einige Medienabfragen in der CSS, aber sie scheinen hier irrelevant, bitte lassen Sie mich wissen, wenn ich sie posten muss. Sie können natürlich den vollständigen Code auf der Website sehen.
HTML
<div class="wrapper">
<nav>
<div class="content-wrapper">
<div class=textclear>
<div class="alignleft">
<h1 class="firsth1"> <a href="http://www.malthestigaard.com"> MALTHE STIGAARD </a></h1></div>
<div class="alignright">
<ul>
<h1><li> <a href="#work" type="button"> WORK </a></li><li> <a href="#about" type="button"> ABOUT </a></li><li> <a href="#contact" type="button"> CONTACT </a></li></h1></ul>
</div>
</div>
</div>
</nav>
CSS
.wrapper {
width: 95%;
margin-left: auto;
margin-right: auto
}
.content-wrapper {
margin-left: auto;
margin-right: auto;
width: 80%
}
.content-wrapper,
.copytext,
.wrapper {
margin-left: auto;
margin-right: auto
}
nav h1 {
color: #00697f;
font-size: 1.5em;
font-weight: 700;
-webkit-margin-before: .83em;
-webkit-margin-after: .83em
}
#banner,
.textclear {
overflow: auto
}
.alignleft,
.circular {
float: left
}
.alignright {
float: right
}
ul {
padding: 0;
margin: 0
}
li {
list-style-type: none;
margin: 0;
padding: 5px;
display: inline
}
h1 {
font-size: 200%!important;
width: 100%
}
.firsth1,
nav h1 {
display: none
}