English version below

Hallo, ich möchte die OpenStreetMap in den Webauftritt meines Sportvereins integrieren. Bisher nur in einer Testversion auf einem anderem Server. Dass läuft soweit auch ganz gut, doch verdeckt die Karte mir das Dropdown Menu, so dass einige Teile nich lesbar sind. Ich habe bereits mit der z-index Angabe in CSS experimentiert, doch konnte ich das Problem damit nicht lösen.

Kann mir bitte jemand helfen? An die Seite gelangt Ihr mit dieser Adresse: http://nw-hamburg.michaliczak-it.de/index.php?mwahl=NTc=

Da die Testseite nicht öffentlich ist, müsst Ihr dafür folgendes eingeben. Nutzer test und Passwort test123

Vielen Dank Andreas (webmaster)

=========== english version =========


I have implemented the OpenStreetMap Map in my sports club webpage (actual in the testpage). Unfortunatly parts of the dropdown menu, are not visible because the map is above(in front) of the menu layer. I have tried to put the menu layer in front bei z-index (css) value increasing, but it wont help.

Do anyone have an idea to solve this problem?

You can find the page at: http://nw-hamburg.michaliczak-it.de/index.php?mwahl=NTc=

Due to secured entry, please enter Username: test and password: test123 It's a german spoken webpage...

Best regards an thank you Andreas (webmaster)

asked 07 Jan '16, 10:39

Michaliczak-NW's gravatar image

accept rate: 0%

edited 07 Jan '16, 23:22

aseerel4c26's gravatar image

aseerel4c26 ♦

See this: https://www.smashingmagazine.com/2009/09/the-z-index-css-property-a-comprehensive-look/ - your .menu elements are not positioned. Also, you are setting z-index to 100 (?) - however, the tiles are using z-index up to 1000, which then overlays your menu.

.menu {
  position: relative;
  z-index: 2000;

seems to fix this.

permanent link

answered 07 Jan '16, 15:53

Piskvor's gravatar image

accept rate: 37%


Hello Pikvor, thank's for your help. With the info about the high z-index value of tiles, I could fix the fault. Also I add the position info to the elements.

Great Work Thank' a lot.

(08 Jan '16, 09:57) Michaliczak-NW

Glad it helped. (On a side note: please don't use the "answer" functionality to comment on other answers; use the "add new comment" for this)

(08 Jan '16, 10:05) Piskvor
Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here



Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "title")
  • image?![alt text](/path/img.jpg "title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Question tags:


question asked: 07 Jan '16, 10:39

question was seen: 5,049 times

last updated: 08 Jan '16, 13:43

powered by OSQA