Display Flex Safari Problem

[Nikke1994]

Hallo Leute,

Ich habe ein kleines Problem. Ich habe eine Seite programmiert, die für das Layout Display: flex; verwendet. Das funktioniert auch wunderbar in allen Browsern - nur im Safari nicht.

<div id="produkt_kategorien">
<a href="index.php?seite=liste&typ=pianos">
<div class="kategorie">
<table>
<tr><td style="height: 100px;">
<img src="img/218black.png">
</td>
</tr>
<td>
<h3>Pianos</h3>
</td>
</tr>
</table>
</div>
</a>
<a href="index.php?seite=liste&typ=pianino">
<div class="kategorie">
<table>
<tr><td style="height: 100px;">
<img src="img/133blackb.png">
</td>
</tr>
<td>
<h3>Pianinos</h3>
</td>
</tr>
</table>
</div>
</a>
<a href="index.php?seite=liste&typ=deko">
<div class="kategorie">
<table>
<tr><td style="height: 100px;">
<img src="img/dekor.png" style="height: 80px; width: auto;">
</td>
</tr>
<td>
<h3>Dekorst&uuml;cke</h3>
</td>
</tr>
</table>
</div>
</a>
<a href="">
<div class="kategorie">
<table>
<tr><td style="height: 100px;">
<img src="img/bench.jpg">
</td>
</tr>
<td>
<h3>Zubeh&ouml;r</h3>
</td>
</tr>
</table>
</div>
</a>
</div>

#produkt_kategorien{
margin-top: 10px;
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}

Hat jemand eine Idee?

 

[MrMurphy]

Hallo,

welche Safari-Version und welches Betriebssystem?

Bei solchen Problemen spielen die Leute häufig noch mit der Windows-Version vom Safari, die bereits seit über 2 Jahren offiziell begraben ist. Und zwar richtig tief.

Zudem gehört das Tabellenlayout seit 15 Jahren der Vergangenheit an.

Gruss

MrMurphy

 

[Nikke1994]

Gut - dann wird dort das Problem liegen. Ist die Version 5.1.7. Gibts irgend eine Variante das auf einem PC zu testen mich richtigem Safari?

 

[MrMurphy]

Hallo,

ja, es gibt Online-Simulatoren. Die können ein echtes Gerät natürlich nicht 100%ig ersetzen, reichen fürs Testen aber vollkommen aus. Deine Seite muss aber online verfügbar sein. Zum Beispiel

http://quirktools.com/screenfly/

Dort kannst du zwischen unterschiedlichen Geräten und natürlich hoch/querformat wählen.

Gruss

MrMurphy

 

[Banana_Jones]

Safari hats auch gern, wenn man mit -webkit- prefixt