Website probleem op Internet Explorer

Status
Niet open voor verdere reacties.
damnsharp

damnsharp

Terugkerende gebruiker
Lid geworden
6 jan 2012
Berichten
1.394
Hoi, ik heb een website gebouwd en bij Internet Explorer (ja, er zijn mensen die dat nog gebruiken) geeft het een probleem.

Bij IE:
2019-05-22 16_42_38-Window.jpg

Bij Chrome:
2019-05-22 16_43_03-Window.jpg

URL: https://www.romijnofficesupply.nl/

Als ik de
Code: 
aside#custom_html-3 { float: left; }
uitzet (dmv F12) ziet het er beter uit.
Maar hoe pas ik het structureel met CSS aan als de bezoeker toch nog met IE de site bekijkt?
Alvast bedankt!
 
Over welke versie van IE praten we?
 
probeer dit eens ik ben niet zeker maar ...
Code: 
/*<<<<//RGB  rood #FF0000 Groen#00FF00 Blue #0000FF>>>>>*/
/*<<<<//div naast elkaar           display: inline;>>>>>*/
/*<<<<//div buiten range hidden   overflow: hidden;>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<webtoolkit INTERNET EXPLORER BUGs fixed>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.clear{
    clear: both;
}
html{  margin: 0; 
        height: 100%; 
}
.Ah3 {/*#99AA88;*/ 
    position:relative;   left:-55px; z-index: 99; float:left;text-align: right;
}
.Ah3 svg{display:inline-block;
     position:absolute; left:5px;  height: 500px;width:40px;  z-index: 99;float:top;
}
*{margin:0 0;padding:0 0;
	-moz-box-sizing:border-box !important;font-family: Helvetica,Arial,  sans-serif;
}
.test{}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
 
@php4u het is versie 11.765.17134.0

@kenikavanbis dank je voor meedenken!
Ik snap die code niet helemaal; ik heb geen ah3 classes volgens mij.

De klant vind het nu toch niet erg dat de site op IE11 niet goed draait. Vertelde hem dat het in 2018 nog maar door 6% van websitebezoekers werd gebruikt.

Maar mocht er een oplossing zijn zou ik het wel leuk vinden om die te implementeren.
 
kenikavanbis zei:
probeer dit eens ik ben niet zeker maar ...
Code: 
/*<<<<//RGB  rood #FF0000 Groen#00FF00 Blue #0000FF>>>>>*/
/*<<<<//div naast elkaar           display: inline;>>>>>*/
/*<<<<//div buiten range hidden   overflow: hidden;>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<webtoolkit INTERNET EXPLORER BUGs fixed>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.clear{
    clear: both;
}
html{  margin: 0; 
        height: 100%; 
}
.Ah3 {/*#99AA88;*/ 
    position:relative;   left:-55px; z-index: 99; float:left;text-align: right;
}
.Ah3 svg{display:inline-block;
     position:absolute; left:5px;  height: 500px;width:40px;  z-index: 99;float:top;
}
*{margin:0 0;padding:0 0;
	-moz-box-sizing:border-box !important;font-family: Helvetica,Arial,  sans-serif;
}
.test{}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
Klik om te vergroten...
Kenikavanbis. Ik waardeer je inzet ten zeerste, maar beperk je graag toch eens tot relevante code waar andere wat aan hebben, en geen groot blok copy/pasten zonder enige uitleg.

@damnsharp: In ieder geval lijkt een display:inline-block iets wat je nodig lijkt te hebben.
 
Laatst bewerkt:
Mogelijk kan je id="text-8" een absolute waarde geven. De parent div (header-widget ) moet dan relative zijn.
Met een hack (tja, het is niet anders) is het alleen voor IE11. De style moet vlak boven de <header> staan.
Code: 
<style>
@media (min-width:1100px) and (-ms-high-contrast:none) {
    #masthead .header-widget {
        position: relative;
    }
    #masthead #text-8 {
        position: absolute;
        top: 70px;
    }
}

/* of misschien deze ie11 hack */

_:-ms-fullscreen, :root #masthead .header-widget {
    position: relative;
}
_:-ms-fullscreen, :root #masthead #text-8 {
    position: absolute;
    top: 70px;
}
</style>
<header id="masthead" class="site-header" itemtype="https://schema.org/WPHeader" itemscope>
  <div class="inside-header grid-container grid-parent">
    <div class="header-widget">

Dit is het enige wat ik kan bedenken in deze template.
 
Bedankt @bron voor meedenken! :thumb: Ik ga het nog even proberen.
Lukt het niet is het jammer maar niets aan te doen.
Ik zal de vraag op opgelost zetten.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan