Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
responsive Bilder mit IE 11
#1
Guten Tag
Der IE 11 zeigt die Bilder auf https://www.yoga-hug.ch/ nicht risponsive an. Andere browser schon.


Code:
<img class="image-embed-item" src="fileadmin/_processed_/3/e/csm_Klangschale_7b270fd248.jpg" alt="" width="1140" height="760">

img, embed, object, video {
    max-width: 100%;
    height: auto;
    width: auto;
}


Die max. Breite der Bilder sollte 1140px sein. Darum:
styles.content.textmedia.maxW = 1140

Woran kann das liegen?

Dank&Gruss
André
Zitieren
#2
schau mal hier bzw. die Lösung dort:

https://stackoverflow.com/questions/2879...-for-ie-11

Gruß Michael
Zitieren
#3
Hallo Michael
Danke für deine Antwort.
Konnte das Problem leider nie lösen und habe das selbe nun mit: http://goldsuchen.ch.quarz.ch-meta.net.

Wenn ich das richtig verstanden habe, wird auf: https://stackoverflow.com/questions/2879...-for-ie-11
beschrieben dass IE11 <main> nicht unterstützt und mit <div> ersetzt werden soll.

Ich kann in meiner Vorlage aber keinen <main> Tag finden.
Oder wie ist das gemeint?
Gruss André


Code:
<!-- Navigation -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-gold fixed-top">
 <div class="container">
   <a class="navbar-brand" href="index.html"><img src="fileadmin/bilder/logo.gif" alt="logo" width="230px"></a>
   <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
   <div class="collapse navbar-collapse" id="navbarResponsive">
<f:cObject typoscriptObjectPath="lib.mainmenu"/>
   </div>
 </div>
</nav>

<!-- Header with Background Image -->
<header class="business-header">
 <div class="container">
   <div class="row">
     <div class="col-lg-12">
       <h1 class="display-3 text-center text-white mt-4">Titel</h1>
     </div>
   </div>
 </div>
</header>
<div id="wrap">
<!-- Page Content -->
<div class="container">
 <div class="content">
<f:format.raw>{content}</f:format.raw>
 </div>
 <!-- /.content -->
</div>
<!-- /.container -->
</div>
<!-- /wrap -->

<!-- Footer -->
<footer class="py-5 bg-dark footer">
 <div class="container">
   <p class="m-0 text-center text-gold">Adresse</p>
 </div>
 <!-- /.container -->
</footer>
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste