zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Navigation funktioniert nicht auf allen Geräten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.09.2022, 01:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2017
Beiträge: 29
crane befindet sich auf einem aufstrebenden Ast
Standard Navigation funktioniert nicht auf allen Geräten

Hallo alle zusammen,
ich habe von einer Bekannten mitgeteilt bekommen, dass das Navigationsmenü auf ihrem Gerät nicht funktioniert. Sie hat meine Webseite auf ihrem Handy getestet und der dort rechts oben in der Menüleiste erscheinde Button mit den 3 Balken reagiert beim Anklicken nicht. Sie benutzt folgendes Gerät:
modell: iPhone 8
version: iOS 15.6.1
browser: safari

Bei mir auf dem Handy, ich benutze Huawei P20
Und Google Chrome und auf dem Computer funktioniert alles wunderbar.
Kann mir vielleicht jemand helfen und mir mitteilen woran das liegen könnte.
Hier die Webadresse meiner Seite:
Leonard Schmidt |
Fűr das CSS:
www.leonardschmidt.net/nav.css

Vielen lieben Dank
Crane
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.09.2022, 08:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.215
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

es gibt bestimmt einen weg wie du deine Seite anpassen kannst damit sie auch auf safari funktioniert. Da ich aber kein apple Gerät besitze kann ich hier nicht weiterhelfen.

Deshalb mein Vorschlag:
Verwende nicht diesen "checkbox-hack" + label für das Menü sondern einen richtigen <button> in Kombination mit Javascript. Ist auch besser für die accessibility der Website.


Zweiter Hinweis: Es gibt auch elemente wie <nav>, <header>, <footer> ... damit man nicht mehr Sachen wie <div id="footer">, <div id="nav"> ... etc. verwendet.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.09.2022, 15:37
top top ist offline
Benutzer
neuer user
 
Registriert seit: 06.01.2021
Beiträge: 38
top wird schon bald berühmt werden
Standard

Wenn ich recht entsinne mag der Safari es nicht, wenn das Input-Feld mit "display: none;" unsichtbar gestellt wird.

Habe gerade auch keinen Safari zum Testen griffbereit, aber versuch es mal so:
Code:
/*Hide checkbox*/
input[type=checkbox]{
	/* display: none; */
	position: absolute;
	margin-left: -100vw;

	-webkit-appearance: none;
}
Mit Zitat antworten
Antwort

Stichwörter
android, chrome, defekte funktion, ios, menü, safari

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit FlyOut Menu im IE7 quarki69 CSS 5 15.03.2010 15:46
Navigation Ausrichten funktioniert nicht, bitte um Rat. Sturmjagd-NRW CSS 6 15.01.2010 19:37
Navigation IE Ebay Muamicus CSS 28 29.12.2009 20:26
Problem mit Line-Height auf dem IE lte 6 actionjackson CSS 2 20.11.2007 10:17
Der perfekte Skiplink? Zen5656 Barrierefreiheit 111 08.12.2006 16:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:15 Uhr.