Auf Thema antworten

Beitrag

[QUOTE="mvittel, post: 14263, member: 4879"]
Hallo zusammen, ich bin der neue, vielleicht komme ich auch öfter :-)

Wie der Titel schon sagt, habe ich ein Problem mit meiner Website und finde leider keine Lösung.
[I](Der Fehler passiert nur mit der Marke Apple. Egal ob Handy, Tablet oder einen anderen Browser über das ios)[/I]
Nun versuche ich mal das Problem zu beschreiben und hoffe, dass ich das verständlich machen werde.
Wenn man auf den Link ([URL]https://www.gdz.bplaced.net/lg-foerderrechner/[/URL]) klickt, kommt man zu einem Förderrechner für das Spiel Forge of Empires.
Wenn man im Gelben Bereich (Man.) klickt und einen Wert eingibt, wird nichts bei Apple Geräte angezeigt, nach Bestätigung sieht man weiter nichts und der gegen Wert wird ganz schwach in der Spalte Fremd angezeigt. Auch die Spalte Faktor zeigt nichts an, steht aber 1,9 drin. 
Auch das Fenster LG-Auswahl zeigt keine Werte.
Hat einer eine Idee was das sein kann und wie man das beheben kann?
Mit Windows & Android sowie diverse Browser funktioniert alles wie es sein soll.
Hier noch ein Bild, wie es bei einem Apple User aussieht: [URL]https://postimg.cc/ft2Fdnk9[/URL]
Anbei die dazugehörige CSS eventuell hilft diese weiter. Vielen Dank vorab.

[CODE=css]body, html {
    /* width: 100%; */
}

table {
    background:#EFEFEF; /*hell-grau */
    font-family: verdana;
    position: relative;
}

th, td {
  padding: 0px;
  text-align: center;
  top: 0%;
}

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 0;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  /* width: 14px;
  height: 14px; */
}

.table-scrollable::-webkit-scrollbar-thumb {
  /*border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);*/
}

.b
{
    font-weight:bold;
}

.beige {
    background:#F5EAC5; /* hell-beige */
}

.desktop {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
}

.fenster {
    /* overflow-x:auto; */
    /* width: 49%; */
    background:#EFEFEF; /*hell-grau */
}

.fen1 {
    position: relative;
    top: 0px;
    display:inline-block;
    /*float: left;*/
    /*float: none;*/
    /*clear: right;*/
    overflow-x:auto;
}
.fen2 {
    position: relative;
    top: 0px;
    display: inline-block;
    width: auto;
}
.fen3 {
    position: relative;
    display: block;
}
.fen4 {
    position: relative;
    display:block;
    width: 100%; /* wichtig wegen Breitenmessung */
}

.keinUmbruch {
    display: inline-block;
}

.mitUmbruch {
    display: block;
}

.leereSpalte {
    position: relative;
    display: inline-block;
    width: 16px;
}
.leereZeile {
    position: relative;
    display:block;
}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
}

.button:hover {
    background-color: white;
    color: #4CAF50; /* Green */
}

/* HEADER */
.h {
    position: relative;
    left: 0px;
    padding: 8px;
    /*top: 0px;*/
    /* width: 100%; */
    /* background-image: url("https://gdz.bplaced.net/eichehell.jpg"); */
    background:#BBBBBB;
    /*color:#F3D6A0; hell*/
    /*color:#FDC13F; orange*/
    color:#FFFFFF;
    font-weight: bold;
}

.h.grau {
    /*background:#BBBBBB;*/
    text-align:center;
}

.h.grau2 {
    text-align:right;
}

.h.gruen {
    background:#93C47D;
    
}

.foerder_footer {
    /*position: relative;*/
    bottom: 0px;
    padding: 8px;
    /* background-image: url("https://gdz.bplaced.net/gdz/eichehell.jpg"); */
    background:#BBBBBB;
    color:#FFFFFF;
    font-weight: bold;
}

/* CONTENT */
.c {
    position: relative;
    display:block;
    font-size: 0.8em;
}

.col {
    text-align:center;
}
.cell {
    border-width:0px;
    height: 30px;
    /*margin:1px 1px;*/
}

.cell.lg {
    color:#000000; /*schwarz*/
    background:#FFFFAA; /*gelb*/
}

.cell.lg2 {
    /*color:#FFAE00; knall-orange*/
    /*background:#FFFFAA; gelb*/
    font-size:small;
    background:#F5EAC5; /* hell-beige */
    height:380px;
    overflow-y: auto;
}

.cell.edit {
    background:#FFFFAA; /* gelb */
    color:#000000; /*schwarz*/
    /*height:24px;*/
}

.cell.edit2 {
    /*
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    outline: 0 none;
    margin: 0;
    */

/* scale down by 12/16 = 75% */
    /* transform: scale(0.8); */
    /* transform-origin: left top; */

background:#FFFFAA;
    text-align:right;
    color: black; /* NEW */
    /*height:24px;*/
}

.cell.fix {
    /* background:#EFEFEF; /* grau */
    /* background:#F3D6A0; /* dunkel-beige */
    background:#F5EAC5; /* hell-beige */
    text-align:right;
}

.check {
    text-align:center;
}

textarea.gdz {
    background:#D9EAD3;
    color:#000000;
    width:100%;
    resize:none;
}

.color1 {
    /* margin: 0px, 4px; */
    /* color:#FFFF00; gelb */
    color:#000000;
    background:#EFEFEF; /*hell-grau */
    /* background:#F3D6A0; dunkel-beige */
}

.color2 {
    color:#00AA00;
    background:#EFEFEF; /* hell-grau */
    /* background:#F3D6A0;  dunkel-beige */
}

.color3 {
    color:#AA0000;
    background:#EFEFEF; /* hell-grau */
    /* background:#F3D6A0;  dunkel-beige */[/CODE]
[/QUOTE]

Authentifizierung