Supportnet / Forum / Skripte(PHP,ASP,Perl...)
Navigation in Zentrierter Tabelle zentrieren
Frage
Hallo Leute
Wie kann ich ein Navigationsmenu mit Untermenu in einer zentrierten Tabelle ausrichten?
Seite 1024 x 768, die Navi ist zentriert
Seite 800 x 600, die Navi ist nicht zentriert.
var menuALIGN = "left"; // alignment
var absLEFT = 50; // absolute left or right position (if menu is left or right aligned)
var absTOP = 15; // absolute top position
Ich möchte gerne in der "var absLEFT" folgende Rechnung ausführen:
Die Breite des Fensters ermitteln und dann durch 2, damit ich in der Mitte des Fensters bin. Da die Navigation 500px breit ist, muss ich die Hälfte zum vorherigen Wert hinzufügen.
x = Fenster breite
x : 2 + 500 : 2 = das gesuchte Mass
Wie kann ich das in JS rechnen?
Danke für eure Hilfe.
Ice-Tea
Antwort 1 von rfb
var absLEFT=(window.innerWidth+500)/2;
sollte so ungefähr das sein, was du willst.
sollte so ungefähr das sein, was du willst.
Antwort 2 von Ice-Tea
Hallo rfb
Danke für Deine Antwort. Hat leider nicht funktioniert. Das ganze ist leider zu umfangreich, dass ich da genau durchblicke um das genau zu erklären.
Das ganze ist ein vorgefertigts Script, schaue aber noch nicht ganz durch.
Hier geht es zum Beispiel welches auf der Seite zentriert ist: www.marioboeni.ch/test
Wenn man aber die Fenstergrösse verändert, bleibt die Naviagtion an Ort und Stelle anstatt sich dem Fenster anzupasen.
Danke für Deine Antwort. Hat leider nicht funktioniert. Das ganze ist leider zu umfangreich, dass ich da genau durchblicke um das genau zu erklären.
Das ganze ist ein vorgefertigts Script, schaue aber noch nicht ganz durch.
Hier geht es zum Beispiel welches auf der Seite zentriert ist: www.marioboeni.ch/test
Wenn man aber die Fenstergrösse verändert, bleibt die Naviagtion an Ort und Stelle anstatt sich dem Fenster anzupasen.
Antwort 3 von rfb
um das Durcheinander von Javascipts zu durchschauen bräucht ich wahrscheinlich länger, als den Kram selbst zu entwickeln...
Tut mir leid, aber da kann ich nicht weiter helfen.
Dass sich die Lage nicht verschiebt beim Ändern der Fenstergröße liegt sicher daran, dass die Position nur einmal beim Start berechnet wird, danach aber fix bleibt.
Dies könntest du im CSS ändern, indem du die Lage des Navigationsteils zentrierst mit margin-left:auto; margin-right:auto; (statt den absoluten Werten - die braucht der Browser dazu gar nicht) .. wenn du herausfändest, wo die Lage eigentlich definiert wird.
Tut mir leid, aber da kann ich nicht weiter helfen.
Dass sich die Lage nicht verschiebt beim Ändern der Fenstergröße liegt sicher daran, dass die Position nur einmal beim Start berechnet wird, danach aber fix bleibt.
Dies könntest du im CSS ändern, indem du die Lage des Navigationsteils zentrierst mit margin-left:auto; margin-right:auto; (statt den absoluten Werten - die braucht der Browser dazu gar nicht) .. wenn du herausfändest, wo die Lage eigentlich definiert wird.
Antwort 4 von Ice-Tea
Geht mir ähnlich, aber um den Kram selbst zu entwickeln bin ich im Moment noch zu blöd.
Danke aber trotzdem für Deine Hilfe.
Gruss
Ice-Tea
Danke aber trotzdem für Deine Hilfe.
Gruss
Ice-Tea