Willkommen |
|
myGully |
|
Links |
|
Forum |
|
|
|
|
20.08.13, 10:08
|
#1
|
Anfänger
Registriert seit: Sep 2011
Beiträge: 42
Bedankt: 10
|
Mitlaufende Navigation in CSS
Hallöchen
Ich hab da ein kleines Problem. Ich programmiere ein Browsergame in php. Läuft auch alles wunderbar. Mir gehts nur tierisch auf die Nerven, jedes Mal, wenn ich ganz unten was lese, wieder nach oben scrollen zu müssen, um die Navigation zu erreichen. Deshalb wollte ich jetzt, dass die Navigation mitläuft.
Die Templates sind HTML und CSS, daher wäre eine CSS Lösung am Effektivsten. Ich habe es auch schon mit position:fixed; versucht, das war allerdings von mäßigem Erfolg gekrönt, da die Navigation auf einmal so aussah:
statt wie üblich so:
Ich hoffe mir kann einer helfen. Falls benötigt gebe ich auch gerne das gesamte Template, also HTML und CSS an, Anhänge posten geht ja leider nicht
|
|
|
20.08.13, 13:50
|
#2
|
Hinter dir!
Registriert seit: Apr 2010
Beiträge: 1.125
Bedankt: 487
|
Zitat:
Zitat von Hera137
Mir gehts nur tierisch auf die Nerven, jedes Mal, wenn ich ganz unten was lese, wieder nach oben scrollen zu müssen, um die Navigation zu erreichen.
|
Dafür gibt es ja die Pos1-Taste.
Ansonsten schau mal hier: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
|
|
|
20.08.13, 14:49
|
#3
|
Anfänger
Registriert seit: Sep 2011
Beiträge: 42
Bedankt: 10
|
Da wird halt auch auf position: fixed verwiesen, was mir aber die Navigation so verhaut
|
|
|
20.08.13, 18:17
|
#4
|
Banned
Registriert seit: Aug 2012
Beiträge: 223
Bedankt: 68
|
Zitat:
Zitat von Hera137
Da wird halt auch auf position: fixed verwiesen, was mir aber die Navigation so verhaut
|
Dann liegt der Fehler in Deiner Navigation.
|
|
|
20.08.13, 18:44
|
#5
|
Anfänger
Registriert seit: Sep 2011
Beiträge: 42
Bedankt: 10
|
Die Links werden halt über PHP festgelegt, nicht über HTML. Kanns daran liegen?
|
|
|
20.08.13, 19:10
|
#6
|
Banned
Registriert seit: Aug 2012
Beiträge: 223
Bedankt: 68
|
Zitat:
Zitat von Hera137
Die Links werden halt über PHP festgelegt, nicht über HTML. Kanns daran liegen?
|
Nein, definitiv nicht.
|
|
|
22.08.13, 06:51
|
#8
|
Stammi
Registriert seit: Jan 2010
Beiträge: 1.145
Bedankt: 1.445
|
Zitat:
Zitat von weberleins
Nur mit CSS nicht möglich. Punkt.
Hilfreiche Links:
...
|
sorry, das ist falsch. siehe [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
andere nützliche links zum thema [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
Spielplatz mit Erklärungen: [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
problem sehe ich eher darin, dass das layout ohne div sondern nur mit tabellen aufgebaut wird. sobald du ein div mit position absolute reinbringst, darin die navi abbildest, kannst du es positionieren wo und wie fest du willst.
__________________
Irgendwie komisch, dass das was wir gemeinhin als "unmenschlich" bezeichnen, ausschließlich Verhalten von Menschen beschreibt.
|
|
|
22.08.13, 13:32
|
#9
|
Anfänger
Registriert seit: Sep 2011
Beiträge: 42
Bedankt: 10
|
Ok, dann versuch ichs mal so. Danke
|
|
|
23.08.13, 00:55
|
#10
|
Ist öfter hier
Registriert seit: May 2011
Beiträge: 239
Bedankt: 91
|
Sorry, aber das ist doch richtig.
Zitat:
Zitat von nichdiemama
... sobald du ein div mit position absolute reinbringst, darin die navi abbildest, kannst du es positionieren wo und wie fest du willst.
|
Stimmt. Du kannst es fixieren, aber nicht mitscrollen lassen.
Und die Frage war:
Zitat:
Zitat von Hera137
Deshalb wollte ich jetzt, dass die Navigation mitläuft.
|
und nicht nach fixieren.
Auch wenn ihm damit vielleicht auch schon geholfen ist - und da hast Du dann mit div zu 100% Recht. Aber fixieren und mitlaufen/scrollen lassen sind 2 paar Stiefel - auch wenn sie sehr ähnlich sind, was das Ergebnis für den User betrifft.
|
|
|
23.08.13, 05:56
|
#11
|
Stammi
Registriert seit: Jan 2010
Beiträge: 1.145
Bedankt: 1.445
|
dann hab ich das anscheinend falsch verstanden. Soweit ich es sehe ist das Ergebnis von fixed divs und milaufendem menü ähnlich; so kann sich der TE ja zwischen einem der beiden Ansätze entscheiden
__________________
Irgendwie komisch, dass das was wir gemeinhin als "unmenschlich" bezeichnen, ausschließlich Verhalten von Menschen beschreibt.
|
|
|
25.08.13, 04:26
|
#12
|
Ist öfter hier
Registriert seit: May 2011
Beiträge: 239
Bedankt: 91
|
JA, das Ergebnis ist von der Funktion her nahezu identisch - optisch macht die Version "mitlaufen" allerdings schon deutlich mehr her (und schwieriger umzusetzen ist sie eigentlich auch nicht).
|
|
|
22.09.13, 13:03
|
#13
|
Erfahrener Newbie
Registriert seit: Sep 2009
Ort: NRW
Beiträge: 177
Bedankt: 197
|
Ich bin nur kurz drüber geflogen, wo soll denn die Navigation angeordnet werden? Sehe leider keine Bilder und mich rein knien und den Code durchsuchen wo was angegliedert ist - kein Bock.
Ich habe es bei mir so gemacht, dass die Navigation immer am oberen Rand ist, per CSS.
Beispiel:
#nav {
width: 100%;
Position: fixed;
top: 0;
left: 0;
}
Und schon bleibt der div mit der id=nav immer am oberen Rand.
Wichtig ist natürlich, dass der Content dementsprechend um die Höhe deiner Nav nach unten gesetzt wird.
Ansich solltest du damit dir nichts zerschießen.
|
|
|
24.09.13, 02:57
|
#14
|
Ist öfter hier
Registriert seit: May 2011
Beiträge: 239
Bedankt: 91
|
@Gamebeast1989
1. Diese Antwort kam schon. Grundsätzlich funzt das auch, aber danach wurde nicht gefragt. Du fixierst die Navigation, aber der TE schrieb:
Zitat:
Zitat von Hera137
.... Deshalb wollte ich jetzt, dass die Navigation mitläuft.
...
|
2. Auch diese Frage ist schon lange beantwortet.
3. Der TE hat also schon seit längerem beide Möglichkeiten: es nur über die CSS zu regeln (fixieren der Navigation) oder etwas mehr zu machen und dann die Navigation mitlaufen zu lassen.
4. Trotzdem Danke das Du eine Antwort parat hattest, das nächste Mal nur vielleicht den Thread lesen und dann mehr Energie in noch offene Threads stecken. Damit ist dann allen mehr geholfen.
|
|
|
Forumregeln
|
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren
HTML-Code ist Aus.
|
|
|
Alle Zeitangaben in WEZ +1. Es ist jetzt 06:58 Uhr.
().
|