[GELÖST]Probleme mit der Menüdarstellung im FF (ja im FF)

[PatriziaF]

hallo liebe Kollegen,

ich bin's schon wieder

leider hab ich jetzt ein Darstellungsproblem im FireFox (ja man glaubt es kaum - IE stellt das ganze richtig dar).

siehe: www.gunytronic.com/index.php

Das witzige ist, dass dieser Fehler erst aufgetreten ist, als ich das Menü auf 4 Ebenen erweitert habe.

Ich hoffe ihr könnt mir helfen.

LG aus dem sonnigen Österreich
Patrizia

PS:ich habe noch eine Frage - kann ich die Überschrift beim Content fixieren? Sodass sie immer sichtbar ist - auch beim scrollen.

[nicmare]

was stimmt da jetzt nicht? bzw was stellt der IE deiner meinung nach richtig dar?
sieht für mich im FF normal aus.

[PatriziaF]

sry hab i vergessen gehabt zu schreiben:

bei Projekte zeigt er das Menü komplett falsch dar --> unterschied im vergleich zum IE deutlich sichtbar.

er zeigt beim ersten Menüpunkt ALLE Punkte an (auch den von den anderen im Reiter Projekt) und auch alle Unterpunkte.

LG

[sommersprosse]

sry hab i vergessen gehabt zu schreiben:

bei Projekte zeigt er das Menü komplett falsch dar --> unterschied im vergleich zum IE deutlich sichtbar.

er zeigt beim ersten Menüpunkt ALLE Punkte an (auch den von den anderen im Reiter Projekt) und auch alle Unterpunkte.

LG

Deine Seite scheint offline zu sein oder klappt es nur bei mir nicht?

[Pulli]

Hab zwar keine Lösung zu Deinem Problem, aber das Bild mit den Drei Kerlen auf der Startseite ist im original viel zu groß. Bei ersten Start lädt das ohne ende. Das würde ich direkt kleiner hochladen. Warum nicht gleich in dem korrekten Maß wie es angezeigt wird ?

[nicmare]

ach. 1megabyte sind noch viel zu wenig für nen webbild
...

kann jetzt auch nicht nachvollziehen wo der fehler ist. was mir auffällt: du hast da nen css verlinkt, welches ich nicht richtrig zuordnen kann:

nimm das mal aus deinem template kurz raus zum testen (letzte zeile im template).

[PatriziaF]

den inhalt hab auch nicht ich reingegeben

bzgl dem link --> dadurch dass die site noch nicht offiziell online ist kommt dieser link zustande --> muss ich im css noch ändern (ging am anfang nicht anders). Der Link msplins.... ist die Adresse wo der Webspace liegt.

Ich zeig euch das Problem in Bilder:

FF:

IE:

seht ihr was ich meine? Ich kann das nämlich irgendwie nicht mit Worten erklären!

LG Patrizia

[PatriziaF]

Deine Seite scheint offline zu sein oder klappt es nur bei mir nicht?

eigentlich nicht:
www.gunytronic.com/index.php

GANZ WICHTIG das index.php am schluss, weil dort eigentlich noch die alte hp liegt - in der übergangsphase.

lg

[cyberman]

kann ich die Überschrift beim Content fixieren? Sodass sie immer sichtbar ist - auch beim scrollen.

Ich würde den content in einen div-Container mit einer fixen Höhe und dem CSS-Attribut "overflow: auto" packen ...

[PatriziaF]

Ich würde den content in einen div-Container mit einer fixen Höhe und dem CSS-Attribut "overflow: auto" packen ...

das hab ich jetzt eh schon so - aber leider verschiebt er mir da die überschrift mit.

lg

[cyberman]

Dann bleibt nur eine JavaScript-Lösung, bei der die Überschrift immer mit "hinterher" rückt  ...

[PatriziaF]

Dann bleibt nur eine JavaScript-Lösung, bei der die Überschrift immer mit "hinterher" rückt  ...

ich bin zwar gut, aber so gut dann auch wieder nicht 

ich weis das gehört sich nicht, aber kann mir da jemand nen tipp geben?

bzgl menüproblem im FF hat da schon jemand eine idee?

Vielen dank an alle die bis jetz bereits gepostet haben!

LG Patrizia

[sommersprosse]

Überschrift:

Würde ich anders machen, nimm die Überschrift und setze sie einfach ausserhalb des Overflow, also direlkt über den Div wo du deinen Content einfügst, dann Scrollt da auch nix

Menü:

Schau dir einfach die CSS Einstellungen für Ebene 1 & 2 an, da muss ein Unterschied zu dem CSS in Ebene 3 sein

[PatriziaF]

hi sarah

also das mit der überschrift war ja wirklich easy
jetzt hab ich zwar den blauen strich auch in der sidebar drin, aber das sollte machbar sein.

aber mit dem menü hab ich na wie vor ein problem:

Code: Select all

/********************
MENU
*********************/
#menu_hor {
   padding-left: 0;
   margin-left: 1em;
   background-color:#ffffff;
}

/* third level has some padding to have it stand out */
div#menu_hor ul ul ul {
   padding-bottom: 0.5em;
}
/* third level has some padding to have it stand out */
div#menu_hor ul ul ul ul {
   padding-bottom: 0.7em;
}

/* menu li block */
#menu_hor li {
   list-style: none;
   margin: 0;
/*   border-bottom: 1px solid #c0c0c0;*/
   display: block;
}

#menu_hor ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_hor li a { height: 1%; } 
* html #menu_hor li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_hor a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #0a9fd4; /* this will be link color for all levels */
   /*background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; */
   background-color:#ffffff;
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

div#menu_hor ul a, #menu_hor ul ul a, #menu_hor ul ul ul a,#menu_hor ul ul ul a
{
 background-color:#ffffff;
 color: #0a9fd4;
}
/* next level links, more padding and smaller font */
div#menu_hor ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_hor ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   /*background: url(images/cms/dash.gif) no-repeat 2.8em center; */
}

div#menu_hor ul ul ul ul a {
   padding: 0.3em 0.5em 0.3em 5.5em;
   /*background: url(images/cms/dash.gif) no-repeat 2.8em center; */
}

/* hover state for all links */
div#menu_hor a:hover {
   background-color: #0a9fd4;
   color: #ffffff;
}
div#menu_hor a.activeparent:hover {
   background-color: #0a9fd4;
   color: #ffffff;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_hor li a.activeparent {
   /*background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; */
   background-color: #ffffff;
   color: #0a9fd4;
}

div#menu_hor ul ul li a.activeparent, #menu_hor ul ul ul li a.activeparent, #menu_hor ul ul ul ul li a.activeparent   {
   background-position: 1.5em center; 
   /*background-color: transparent;*/
   color: #0a9fd4;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_hor ul h3 {
  /* background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;*/
   background-color: #ffffff;
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #0a9fd4;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_hor ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
  /* background-color: transparent;*/
   border-bottom: none;
   color: #0a9fd4;     
}

/* current page on third level, more padding */
div#menu_hor ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   /*background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; */
}
/* current page on fourth level, more padding */
div#menu_hor ul ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 5.5em;
   /*background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; */
}

/* section header */
div#menu_hor li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #ffffff;
   color: #0a9fd4;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#menu_hor li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

[sommersprosse]

Aber welches?

Edit, falsch gelesen ...