2016-12-01 4 views
0

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

enter image description here

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 
} 

Antwort

0

overflow: auto ist ein bisschen wie ein Hack für einen Behälter mit Schwimmern zu lösen. Sie können die Bildlaufleiste wie folgt loswerden. Wechsel:

#banner, 
.textclear { 
    overflow: auto 
} 

zu:

#banner { 
    clear: both; 
} 
Verwandte Themen