Archivlink: javarea.de Forum > JavaScript > Foldoutmenu Horizontal zentrieren??
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Foldoutmenu Horizontal zentrieren??

Pages: [1]

geschrieben von Bambini am 12.08.2005 - 17:02
Hallo zusammen,

bin noch ziemlich neu hier und hoffe, einer von euch kann mir helfen. Habe schon das ganze Archiv nach einer Antwort durchwühlt.
Habe das Navi-Menü Nr. 30 (Foldoutmenu) in mein Script eingebaut. Es funzt auch einwandfrei. Jetzt möchte ich das ganze gerne auf der Website zentrieren. Wie bekomme ich das hin? Am besten wäre es natürlich, wenn sich das Menü immer an die Größe des Browserfensters anpasst, da ich eine dynamische Site mit CSS bastle.

Habe einen Artikel dazu gefunden, wo der unterschied in foldendem besteht:
Hier ein Ausschnitt des Originals:

div.menu {
position: absolute;
width: 600px;
top: 10px;
z-index: 3;

Und hier die Lösung, die bei mir allerdings nicht funktioniert:

div.menu {
position: absolute;
width: 480px;
top: 10px;
left: 50%;
margin-left: -240px;
z-index: 3;

Ich hoffe, jemand von euch hat eine andere Lösung. Bin leider noch recht unerfahren, was JavaScript angeht.

Vielen Danke, Bambini

geschrieben von weisnix am 13.08.2005 - 22:39
Hallo,

Im Style das Ändern:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
div.menu {
position: absolute;
text-align:center; /* Text mittig */
width: 480px;  /* Anzahl der einzelnen Menüs Beispiel 4 mal 120px = 480 */
margin-left:-240px; /* minus der Hälfte  Menü-Breite */
top: 10px;
left:50%;   /* von Links 50 % Abstand */
z-index: 3;
}


Du hast da text-align:center; vergessen.

Gruß

geschrieben von Bambini am 14.08.2005 - 16:32
Hallo weißnix,

wunderbar. jetzt funktionierts. DANKE!!!


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.