Hallo,
auf dem Desktop und auch am Handy bei der Ansicht Hochformat kommen die Button so wie Sie auch sollen. Dreht man jedoch das Handy zum Querformat
sind diese ohne Abstand direkt nebeneinander. Was kann ich da machen ?
Ansicht Desktop:
Ansicht Handy Hochformat:
Ansicht Handy Querformat:
Danke
Egon
Hallo,
das kann ich so nicht reproduzieren. Da müssten Sie uns mal eine Web-Adresse nennen, wo wir das nachvollziehen können.
support[at]zeta-producer.com ( [at] durch @ ersetzen )
Hallo,
danke für den Link. Ursache ist, dass durch das min-width für die Buttons nun die Spalten bei bestimmten Ansichten überlappen.
Da können Sie mal folgendes probieren:
<style>
a.button span {
min-width: 260px;
}
@media only screen and (max-width: 480px) and (min-width: 600px) {
a.button span {
min-width: 210px;
}
}
</style>Hallo,
mit diesem Code funktioniert es leider nicht 
Freundliche Grüße
Egon
Ok, dann müssen wir hier anders an die Sache rangehen.
Und zwar müssen die Buttons immer 100% der zur Verfügung stehen Breite einer Spalte haben.
Dann gibt es keine Überlappungen und die Darstellung sollte immer stimmen.
Bitte den alten CSS-Code löschen und folgenden verwenden:
<style>
a.button {
display: block;
}
</style>Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!