Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?von Joost Gestern um 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Entdeckt die neue Option Servimg Premium ( 2 )
» Beitrag von Joost in Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
( 2 )
» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
Mobile Version - Navigation
4 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1 • Teilen
Mobile Version - Navigation
Hallo :3
Ich habe für meine beste Freundin ein Forum erstellt. Es ist dieses hier: http://tsukiko.forumieren.com
Gestern habe ich ihr an meinem Computer über Chrome die Navibar mittig gesetzt, so das sie auf der selben Höhe wie das Forums ist.
Jedoch habe ich über meinem Handy gesehen dass die Navibar zu sehr nach rechts verschoben ist.
Auf meinem MacBook Air und meinem Tablet ist das auch verschoben.
Das liegt bestimmt an meinem CSS Code. Ich habe sie ja darüber positioniert. Wie kann ich sie dennoch mittig positionieren ohne das sie unterschiedlich angezeigt wird.
Lg,
Traice
Ich habe für meine beste Freundin ein Forum erstellt. Es ist dieses hier: http://tsukiko.forumieren.com
Gestern habe ich ihr an meinem Computer über Chrome die Navibar mittig gesetzt, so das sie auf der selben Höhe wie das Forums ist.
Jedoch habe ich über meinem Handy gesehen dass die Navibar zu sehr nach rechts verschoben ist.
Auf meinem MacBook Air und meinem Tablet ist das auch verschoben.
Das liegt bestimmt an meinem CSS Code. Ich habe sie ja darüber positioniert. Wie kann ich sie dennoch mittig positionieren ohne das sie unterschiedlich angezeigt wird.
Lg,
Traice
Zuletzt von Traiceheart am Mo 29 Sep 2014 - 18:13 bearbeitet; insgesamt 1-mal bearbeitet
Traiceheart- Meister
- Beiträge : 338
Anmeldedatum : 30.04.12
Re: Mobile Version - Navigation
Hallo Traiceheart,
die Navigation in dem genannten Forum, sehe ich rechts versetzt (Laptop/Firefox).
Nach meinem Wissensstand brauchst du die Navi nicht im CSS mittig setzen, weil es eine Funktion im AB ist.
Grüße, Schnatterchen
die Navigation in dem genannten Forum, sehe ich rechts versetzt (Laptop/Firefox).
Nach meinem Wissensstand brauchst du die Navi nicht im CSS mittig setzen, weil es eine Funktion im AB ist.
Grüße, Schnatterchen
F. Walter- Geselle
- Beiträge : 107
Anmeldedatum : 29.02.12
Re: Mobile Version - Navigation
Hallo schnatterchen
Wenn ich jetzt die CSS Einstellung ändere wird das auf meinem MacBook Air richtig angezeigt. Jedoch auf Tablet wir es nun nach links verschoben.
Lg
Wenn ich jetzt die CSS Einstellung ändere wird das auf meinem MacBook Air richtig angezeigt. Jedoch auf Tablet wir es nun nach links verschoben.
Lg
Traiceheart- Meister
- Beiträge : 338
Anmeldedatum : 30.04.12
Re: Mobile Version - Navigation
Jetzt sehe auch ich die Navi mittig.
Wenn es jetzt noch anderswo versetzt ist, könntest du ja mal testweise alle (Navi)Positionierungen im CSS herausnehmen. Dadurch müßte die Navi eigentlich gezwungen sein, mittig zu sein, wenn du im AB mittig eingestellt hast.
Grüße, Schnatterchen
Wenn es jetzt noch anderswo versetzt ist, könntest du ja mal testweise alle (Navi)Positionierungen im CSS herausnehmen. Dadurch müßte die Navi eigentlich gezwungen sein, mittig zu sein, wenn du im AB mittig eingestellt hast.
Grüße, Schnatterchen
F. Walter- Geselle
- Beiträge : 107
Anmeldedatum : 29.02.12
Re: Mobile Version - Navigation
Kannst du bitte mal den CSS Abschnitt für deine Navigationsausrichtung hier Posten?
Ich gehe davon aus, das du diese Rechts oder Links ausgerichtet hast.
Hast du die Einstellung im AB so wie oben gezeigt vorgenommen?
Das wird allerdings bei verschiedenen Auflösungen immer zu Problemen führen.
Ich gehe davon aus, das du diese Rechts oder Links ausgerichtet hast.
Hast du die Einstellung im AB so wie oben gezeigt vorgenommen?
Das wird allerdings bei verschiedenen Auflösungen immer zu Problemen führen.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Mobile Version - Navigation
@Frank, davor hatte ich eine Ausrichtigung nach links gemacht. diese habe ich rausgenommen un nun ist es leider auf den Tablet immernoch verschoben. Diesmal nur in die andere Richtung.
Hier mein jetziger Code:
Hier mein jetziger Code:
- Code:
#navifix{
height: 25px;
position: fixed;
top: 0;
width: 997px;
z-index: 100;
background-color: #221421;
opacity: 0.9;
}
Traiceheart- Meister
- Beiträge : 338
Anmeldedatum : 30.04.12
Re: Mobile Version - Navigation
Hallo,
das Problem entsteht daraus, dass bei position: absolute/fixed normalerweise eine Position von top/bottom und eine von left/right angegeben werden sollte (also auf der x- und y-Achse).
Du hast nur die y-Achse definiert (top). Normalerweise kommen Browser damit trotzdem zurecht und sollten das Element auf der x-Achse 1:1 nach oben setzen, d.h. weiterhin zentriert. Aber manche Browser, z.B. auf mobilen Geräten, sind dazu nicht in der Lage und zeigen das Element dann verschoben an.
Probiere es deshalb mal bitte damit:
https://hilfe.forumieren.com/t34315-tutorial-bild-direkt-auf-dem-banner-einsetzen#224563
Weil deine Navi genau zentriert sein soll, habe ich also left: 50% angegeben und dann die Hälfte der Breite (997px : 2 = 498.5px) als negatives Margin nach links angegeben: margin-left: -498.5px;
Verstehst du das? Und vor allem: Ist die Anzeige jetzt auf all deinen Geräten korrekt?
das Problem entsteht daraus, dass bei position: absolute/fixed normalerweise eine Position von top/bottom und eine von left/right angegeben werden sollte (also auf der x- und y-Achse).
Du hast nur die y-Achse definiert (top). Normalerweise kommen Browser damit trotzdem zurecht und sollten das Element auf der x-Achse 1:1 nach oben setzen, d.h. weiterhin zentriert. Aber manche Browser, z.B. auf mobilen Geräten, sind dazu nicht in der Lage und zeigen das Element dann verschoben an.
Probiere es deshalb mal bitte damit:
Genau das habe ich umgesetzt:#navifix {
background-color: #221421;
height: 25px;
left: 50%;
margin-left: -498.5px;
opacity: 0.9;
position: fixed;
top: 0;
width: 997px;
z-index: 100;
}
https://hilfe.forumieren.com/t34315-tutorial-bild-direkt-auf-dem-banner-einsetzen#224563
Weil deine Navi genau zentriert sein soll, habe ich also left: 50% angegeben und dann die Hälfte der Breite (997px : 2 = 498.5px) als negatives Margin nach links angegeben: margin-left: -498.5px;
Verstehst du das? Und vor allem: Ist die Anzeige jetzt auf all deinen Geräten korrekt?
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Mobile Version - Navigation
AH danke Günther das wusste ich noch nicht
Ich hatte das auch erstmal einfach aus meinem Forum kopiert. Von daher habe ich den Rest nicht mit bedacht.
Aber was neues dazu gelernt
Vielen Vielen Dank Günther. Jetzt funktioniert alles einwandfrei.
Und auch danke an Frank und schnatterchen für eure Hilfe
Lg
Ich hatte das auch erstmal einfach aus meinem Forum kopiert. Von daher habe ich den Rest nicht mit bedacht.
Aber was neues dazu gelernt
Vielen Vielen Dank Günther. Jetzt funktioniert alles einwandfrei.
Und auch danke an Frank und schnatterchen für eure Hilfe
Lg
Traiceheart- Meister
- Beiträge : 338
Anmeldedatum : 30.04.12
Re: Mobile Version - Navigation
Nun weißt du zumindest, wie du bei solchen Sachen etwas genau mittig ausrichten kannst.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Ähnliche Themen
» [mobile Version] Probleme mit neuer mobiler Version
» mobile Version, Farben ...!!!
» Fertige Styles für mobile Version
» Mobile Version optimieren
» [phpBB2] Mobile Version Deaktivieren
» mobile Version, Farben ...!!!
» Fertige Styles für mobile Version
» Mobile Version optimieren
» [phpBB2] Mobile Version Deaktivieren
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten