Hallo,
ich verstehe nicht ganz, warum die Darstellung meiner mobilen Website seit IOS 8 anders aussieht, als noch unter IOS 7.
Im Akkordeon Menü war immer ein Dreieck zur Seite zeigend im geschlossenen Zustand und ein nach unten zeigendes im geöffneten Zustand - das ist immer noch so.
Aber der Menütext / die Menü-Überschrift dazu stand neben diesem Dreieck - seit IOS 8 aber eine Zeile tiefer.
Dass ich den Website Code nicht verändert habe ist vermutlich klar.
hat da Jemand eine Meinung zu?
Jquery binde ich so ein:
Die Akkordeon Überschriften generiere ich so:
und die Styles dazu sind:
Ich danke Euch!
Gruß Rainer
ich verstehe nicht ganz, warum die Darstellung meiner mobilen Website seit IOS 8 anders aussieht, als noch unter IOS 7.
Im Akkordeon Menü war immer ein Dreieck zur Seite zeigend im geschlossenen Zustand und ein nach unten zeigendes im geöffneten Zustand - das ist immer noch so.
Aber der Menütext / die Menü-Überschrift dazu stand neben diesem Dreieck - seit IOS 8 aber eine Zeile tiefer.
Dass ich den Website Code nicht verändert habe ist vermutlich klar.
hat da Jemand eine Meinung zu?
Jquery binde ich so ein:
Code:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Die Akkordeon Überschriften generiere ich so:
Code:
<div class="trigger"><div class="trigger_wrapper">
<div class="trigger_icon"></div><h2>Standtort Hörn</h2><div class="clear"></div></div></div>
und die Styles dazu sind:
Code:
.trigger {
border-bottom: 1px solid #FFFFFF;
width: 100%;
cursor: pointer;
}
.trigger_wrapper {
padding: 1.3em 1.5em;
color: #FFFFFF;
background: #890A00; /* Mare rot */
}
.trigger_icon {
width: 0px;
height: 100%;
border-style: solid;
border-width: 0.7em 0 0.7em 1.218em;
border-color: transparent transparent transparent #FFFFFF;
float: left;
margin: 0 1em 0 0;
opacity: 0.7;
}
.trigger_active .trigger_icon {
width: 0px;
height: 0px;
border-style: solid;
border-width: 1.218em 0.7em 0 0.7em;
border-color: #FFFFFF transparent transparent transparent;
float: left;
margin: 0 1em 0 0;
opacity: 0.9;
}
.clear {
display: block;
visibility: hidden;
clear: both;
height: 0;
}
Ich danke Euch!
Gruß Rainer