gary: display: block; -problem

Hallo zusammen,

Auf meiner Seite http://www.vam-shop.com/menu.htm
soll der Knopf unten in die Mitte. Habe left 50% angegeben - ohne Erfolg. Der Rahmen unten ist nur damit ich sehe wo der knopf gerade ist.

Ich habe auch schon unten bei "#zur, #menu, #vor" versucht, mittels left und right die Position des Knopfes zu ändern - aber der will einfach nicht hören :-( (Um das mal einfach aus zu drücken)

Der betreffende CSS-Code...

#naviunten li.preBack {
    left: 50%;
    display: block;
    float: left;
    margin-left: 0em;
}

#zur, #menu, #vor {
    display: block;
    width: 39px;
    height: 43px;
    border: 1px solid #000;
}

Warum nit?

Grüsse gary

  1. Hi,

    Auf meiner Seite http://www.vam-shop.com/menu.htm
    soll der Knopf unten in die Mitte. Habe left 50% angegeben - ohne Erfolg. >
    Ich habe auch schon unten bei "#zur, #menu, #vor" versucht, mittels left und right die Position des Knopfes zu ändern - aber der will einfach nicht hören

    Der darf auf top, right, bottom und/oder left ja auch nur hoeren, wenn die position vom Defaultwert static abweichend ist.

    MfG ChrisB

    1. Hi ChrisB,

      Der darf auf top, right, bottom und/oder left ja auch nur hoeren, wenn die position vom Defaultwert static abweichend ist.

      Habe es hinbekommen. War um ein paar Blöcke verutscht.

      Der CSS-Code:

      #naviunten {
          position:absolute;
          top: 85%;
          left: 50%;
          margin-left: -36px; <---hier bedurfte es ein wenig fein-Tuning
          list-style: none;
          width: 158px;
      }

      Viele Grüsse

      gary