Hilferuf an MAC-User :) Darstellungsproblem mit Dropdown-Navi

[creativx]

Hallo zusammen,

ich habe das Problem dass unter MAC eine Navi nicht vernüntig dargestellt wird bzw. Einträge die im Dropdown-Menü drin sind, einfach abgeschnitten werden. Da ich leider selber unter MAC nicht vernünftig testen kann, wäre es klasse wenn mir einer der MAC-User hier vielleicht einen Tip hätte

Hier die Seite um die es geht: PAEDSIM

Vielen Dank schon mal im Voraus

[Max Kittel]

Hallo,

smOW : overflow:hidden; schneidet das Menu unten ab

Gruß Max

[creativx]

HI Max,

mmmmmmh. hab das overflow mal rausgenommen, dann spinnt das Menü unter Win komplett

[FloB]

Overflow:visible wäre hier angebracht. Und evtl. ein paar z-index'e.

[creativx]

Hi FloB,

hab ich eben mal gemacht, passiert aber das gleiche.. das Menü spinnt komplett unter WIN.... kannst du mal kurz draufschauen - falls Du einen Mac hast http://www.paedsim.org ... mmmmmmh.. muss ich der Klasse .hauptnavigation den Z-Index 0 geben und den Items dann einen höhren oder? Oder kann es auch an den Bildern drunter liegen, die sind über position:absolute so angeordnet?

[tomsky]

vielleicht so:

menumatic.css (Zeile 18)

.smOW {
display: none;
float: left;
margin: -5px 0 0;
overflow: hidden;
padding: 0;
position: absolute;
}

[creativx]

mmmmmmh.. aber so wars glaub ich vorher auch oder? Da stand das Overflow auch auf hidden... oder überseh ich da irgendeine Änderung? Also auf WIN im FF schaut es wieder gut aus.... kannst du mit einem Mac draufschauen?

[tomsky]

hallo,

so wie es jetzt ist macht es auf meinem Mac keine Probleme. FF u. Safari ...

[creativx]

wow ! perfekt... aber was hast du in der CSS Anweisung geändert im Vergleich zum Original?

[stefan-at-work]

Auf dem Mac unter FF 15 wird das Menue immer noch abgeschnitten. Safari und Chrome ist es okay, wobei merkwürdigerweise unter Chrome statt der Verdana die Times geladen wird.

Edit: Abegschnitten auch nur bei den DIVs, die sich überlappen (über PAEDSIM + TRAINING). Kurse & Termine funzt wie es soll.

[creativx]

Hallo Stefan,

Mist... zu früh gefreut Danke für den Hinweis... das mit der Schrift könnte daran liegen, weil der Anweisung font-family der Zusatz "sans-serif" gefehlt hat .... könntest du nochmal kurz schauen -hab es eben ergänzt. Hast Du ne Idee warum das im FF noch abgeschnitten wird?

[stefan-at-work]

das mit der Schrift könnte daran liegen, weil der Anweisung font-family der Zusatz "sans-serif" gefehlt hat .... könntest du nochmal kurz schauen -hab es eben ergänzt. Hast Du ne Idee warum das im FF noch abgeschnitten wird?

Schriftdarstellung in Chrome ist wieder okay. Versuch mal

#subMenusContainer ul.level_2 li a {
    margin: 0 8px;
    width: 100%;
}

Das Merkürdige ist nämlich, das der FF ohne die o.g. Breitenangabe den Link umbricht.
Bildschirmfoto 2012-09-12 um 12.41.51.png

[creativx]

ah okay seltsam... ich hab die Anweisung mal ersetzt... kannst du nochmal schauen?

[stefan-at-work]

siehst Du, geht doch. Auf dem Mac unter FF, Safari, Chrome alles i.O.

[creativx]

ein Traum!!! Vielen Dank

[stefan-at-work]

BTW: nicht vergessen die htaccess noch anzupassen. Die Seite ist z.Zt. sowohl mit als auch ohne www erreichbar.

[creativx]

uuups.. stimmt.. nochmal danke!

[FloB]

Das Merkürdige ist nämlich, das der FF ohne die o.g. Breitenangabe den Link umbricht.

Schau dir mal die CSS-Eigenschaft "word-wrap" an.

[FloB]

Darf ich fragen, warum du das Menü mit JS triggerst? Mit abgeschaltetem JS erscheint überhaupt kein Menü …