Forum für CMS/made simple

sabsimplex

hat von CMS/ms gehört

Registriert: 09. Juli 2012

Beiträge: 6

[GELÖST] #content wird nach unten gerückt bei Menüauswahl

Moin,
ich bin neu hier, und das ist meine erste Seite in dem Umfang.Vielleicht ist die Frage für euch auch etwas trivial:
Hier der Link zur Seite: http://wp10956519.wp125.webpack.hosteurope.de/cms

Das Problem ist, umso weiter ich im Menü in der Hierarchie browse (also Menüpunkt mit sublevel), desto mehr rückt sich der #content nach unten. Woran liegt das, ich habe den content auf relative gesetzt. Wenn ich den "Freiraum" mit Firebug untersuche ist da kein "unsichtbares" Element , padding, margin, oder ähnliches. Wählt man weiter unten im Menü wieder einen "Hauptpunkt" an, ist der Content wieder normal.

Kann mir jemand helfen? Vielen Dank

* Wie bekomme ich den Code vertikal hin?

 Hier klicken, um den Code zum Kopieren zu markieren

#content a, #content a:hover { text-decoration:none; color:#B50921; }   #wrap { width:890px; height:760px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; padding-left:50px; padding-right:50px; position:relative; min-height:760px; /*Schatten*/ -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; filter:progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#666666,direction=135) }  h1 { color:#B50921; font-size:15px; }  body { background-image:url("/cms/uploads/images/seiteninhalt/AWO.png"); background-repeat:repeat; background-color:#cccccc; color: #2E3436; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align:left;  }  #content { left: 187px; position: relative; top: -335px; width: 700px; }  #menu ul { z-index:11; list-style-type:none; padding:0; text-decoration:none; width:185px; margin:0;  #menu { z-index:10; position:fixed;  }  #menu li { margin-bottom:-5px; } #menu ul li ul { margin-bottom:5px; } }  /* Menü Top Level */ #menu ul a, #menu ul a:visited, #menu ul a:active{  z-index:11; text-decoration:none; color: #727272; font-size:12px; font-weight: bold; padding: 14px 22px 14px 22px; /* 14px*/ display:block; }  /* Level1 bleibt ausgewählt, wenn child ausgewählt wurde */ #menu ul li a.currentpage, #menu ul li a.activeparent { color:#B50921;  }    #menu ul a:hover { text-decoration:none; color:#B50921; }  /* Menü Level 2*/ #menu ul li ul a{ font size:11px; font-weight:normal; margin-top:-20px; }  li#home { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent;  }  li#angebote-und-dienstleistungen { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent;   } ul li#sozialstation {background:url("/cms/uploads/images/pics/menu_li_firstchild.png") no-repeat transparent; } ul li#betreutes-wohnen {background:url("/cms/uploads/images/pics/menu_li_firstchild.png") no-repeat transparent; margin-bottom:-20px; } ul li#essen-auf-raedern {background:url("/cms/uploads/images/pics/menu_li_lastchild.png") no-repeat transparent; margin-bottom:10px; } /*Ortsverein child*/ ul li#geschichte {background:url("/cms/uploads/images/pics/menu_li_firstchild.png") no-repeat transparent; margin-top:15px; }   ul li#veranstaltungen {background:url("/cms/uploads/images/pics/menu_li_firstchild.png") no-repeat transparent;}  ul li#bilder {background:url("/cms/uploads/images/pics/menu_li_firstchild.png") no-repeat transparent;}  ul li#mitglied-werden {background:url("/cms/uploads/images/pics/menu_li_lastchild.png") no-repeat transparent;}  /*Level 1 background*/  li#ortsverein { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent; margin-top:-20px;   }    li#stellenangebote { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent; }  li#grundwerte { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent; }  li#historisches { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent; }  li#kontakt { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent; }  li#impressum { background:url("/cms/uploads/images/pics/menu_lvl1.png") no-repeat transparent; }  li#angebote-und-dienstleistungen a { position:relative; top:-12px; }   /*Position Level 1 Links*/ li#home a, li#ortsverein a, li#stellenangebote a, li#grundwerte a, li#historisches a, li#kontakt a, li#impressum a  { position:relative; top:-5px; } /* Position Level 2 Links*/ ul li#sozialstation a,  ul li#betreutes-wohnen a, ul li#essen-auf-raedern a, ul li#geschichte a, ul li#veranstaltungen a, ul li#bilder a, ul li#mitglied-werden a { position:relative; left:5px;  top:-9px; }  #ortsverein ul li ul{ margin-top:15px; margin-bottom:-7px; } ul li ul { margin-top:10px;  }  #angebote-und-dienstleistungen ul li ul {    margin-bottom:10px; }

Beitrag geändert von sabsimplex (15. September 2012 13:32)

serialpark

probiert CMS/ms aus

Ort: Berlin

Registriert: 24. Januar 2012

Beiträge: 52

Re: [GELÖST] #content wird nach unten gerückt bei Menüauswahl

der content hat ein position:relative; wenn das menü jetzt ein submenü hat, wird der bezugspunkt des position relative durch das menü weiter nach unten geschoben und somit wandert der content einfach mit runter.
verzichte mal auf die relativen und fixen werte. und wozu die z-indexe? und machs mal so:

http://jsfiddle.net/j9J6E/

sabsimplex

hat von CMS/ms gehört

Registriert: 09. Juli 2012

Beiträge: 6

Re: [GELÖST] #content wird nach unten gerückt bei Menüauswahl

Yes vielen Dank!!