Netscape 4.x stellt div mit Hintergrundbild falsch dar

[sunny]

Guten Morgen!

Zu diesem Thema habe ich zwar bereits vor ca. 2 Wochen schon einmal gepostet, leider habe ich aber bisher noch immer keine Lösung für mein Problem gefunden, deswegen versuche ich es jetzt noch einmal.

Es geht um ein Navigationsmenü, das aus 2 divs besteht. Das Hauptmenü befindet sich in einem fix positionierten div, das Untermenü befindet sich in einem div-Bereich, der sich "dazwischen"-schieben soll. Dieses div fürs Submenü hat also keine fixe Position.

Und genau da liegt das Problem. Netscape 4.x stellt mir das zweite div nur richtig dar, solange es kein Hintergrundbild erhält. Gebe ich ein Hintergrundbild an, so verschiebt er das div um ein paar Pixel. Das sieht natürlich sehr "unschön" aus.

Zu sehen ist das Ganze unter

http://www33.brinkster.com/enomis/test/de/folder/index/index.asp
Ohne Hintergrund für NN 4

http://www33.brinkster.com/enomis/test/de/folder/index/index2.asp
Mit Hintergrund für NN 4

Falls jemand eine Idee hat wie ich das lösen könnte oder wie ich es vielleicht anders machen könnte, sodass dieser "Fehler" nicht mehr auftritt, dann bitte posten! Ich bastel wirklich schon einige Zeit daran herum und komme einfach nicht weiter :(

Na dann wünsch ich erstmal noch einen schönen Start in die Woche!

Lg,
sunny

[Wilhelm Turtschan]

Moin

Und genau da liegt das Problem. Netscape 4.x stellt mir das zweite div nur richtig dar, solange es kein Hintergrundbild erhält. Gebe ich ein Hintergrundbild an, so verschiebt er das div um ein paar Pixel. Das sieht natürlich sehr "unschön" aus.

Der Fehler liegt hier:
background-image:url(../../../images/menu_bg.gif);

Fuer N4 muss "layer-background-image" notiert werden. Fuer alle anderen Browser musst Du Deine Definition mit media="all" einlesen.

Gruesse
Wilhelm

[sunny]

Hallo Wilhelm!

Der Fehler liegt hier:
background-image:url(../../../images/menu_bg.gif);

Fuer N4 muss "layer-background-image" notiert werden. Fuer alle anderen Browser musst Du Deine Definition mit media="all" einlesen.

Also wenn ich folgende Angabe im Stylesheet für NN mache:

#SubMenu {
 layer-background-image:url(../../../images/submenu_bg.gif);
}

passiert im NN 4.7 bei mir (Win XP) leider gar nichts. Kein Hintergrundbild!?

Lg,
sunny

[Jan]

Hallo,

#SubMenu {
layer-background-image:url(../../../images/submenu_bg.gif);
}

der alte NN hat probleme mit relativer pfadangaben in css dateien, dass pakt er nicht immer.
du solltest den absoluten pfad angeben und der altte NN zeigt das bild an:
background-image:url(http://www.xyz.de/images/submenu_bg.gif);

Gruss, Jan aus Dresden

[Thomas Meinike]

Hallo,

der alte NN hat probleme mit relativer pfadangaben in css dateien, dass pakt er nicht immer.

NN 4.x referenziert relativ zur HTML-Datei und nicht relativ zur CSS-Datei.

MfG, Thomas

[sunny]

Also bevor ihr mich jetzt alle vollkommen durcheinandberbringt:

Bei folgender Angabe:

background-image:url(../../../images/submenu_bg.gif);

zeigt NN 4 das Hintergrundbild an, allerdings verschiebt er mein div.

Bei folgender Angabe:

layer-background-image:url(../../../images/submenu_bg.gif);

macht er gar nichts, das div ist an der richtigen Stelle aber ich hab kein Hintergrundbild.

Ich bin mir ziemlich sicher dass das aber nicht an meiner Pfadangabe liegt. Sonst würde er beim o.g. Beispiel ja auch nichts machen, oder?

Oh weh ...

Grüße,
sunny

[HarryS]

Hallo sunny,

Also bevor ihr mich jetzt alle vollkommen durcheinandberbringt:

Nanana nur die Ruhe :-)

Bei folgender Angabe:

background-image:url(../../../images/submenu_bg.gif);

zeigt NN 4 das Hintergrundbild an, allerdings verschiebt er mein div.

Hmmmmm seh ich, das submenu ist 'n paar pix verschoben, schwierig...

Bei folgender Angabe:

layer-background-image:url(../../../images/submenu_bg.gif);

macht er gar nichts, das div ist an der richtigen Stelle aber ich hab kein Hintergrundbild.

Das ist jetzt einfach:
Wird beim NS4x mit layer-background... gearbeitet, dann MUSS eine border:... Eigenschaft definiert werden (notfalls border:none), außerdem MUSS position:... definiert sein (nur absolute oder relative funktionieren) sonst zeigt er einfach nix an. Warum das? Leider keine Ahnung, ist halt so.

bei #NavLeft also noch border:none hinzufügen.
bei #SubMenu müssten dann noch position:absolute bzw. relative und border:none eingefügt werden.
Das positionieren von #SubMenu könnte vielleicht auch das Problem mit dem verschieben lösen *daumendrück*.

Ich bin mir ziemlich sicher dass das aber nicht an meiner Pfadangabe liegt. Sonst würde er beim o.g. Beispiel ja auch nichts machen, oder?

Yo, sehe ich auch so.

Oh weh ...

Jaja NS4x kann einem das Seitenkleberleben ganz schön schwer machen.

Grüße aus Nürnberg,
HarryS

[sunny]

Hallo Harry!

bei #NavLeft also noch border:none hinzufügen.
bei #SubMenu müssten dann noch position:absolute bzw. relative und border:none eingefügt werden.

Dann ist es noch viel schlimmer. Das div wird noch mehr verschoben und der Hintergrund wird zwar jetzt dargestellt, aber ganz bestimmt nicht da wo er hingehört. Und durch das position:relative; wird das div auch im IE und im Mozi usw. falsch dargestellt, es verschiebt sich dann.

Das positionieren von #SubMenu könnte vielleicht auch das Problem mit dem verschieben lösen *daumendrück*.

Nein, es wird noch viel schlimmer ... :-/
Trotzdem danke fürs Daumendrücken.

Jaja NS4x kann einem das Seitenkleberleben ganz schön schwer machen.

Oooohhhhh jaaaaaaa.

Und jetzt?
Schön langsam glaub ich es geht einfach nicht. Ich schaffs nicht.
Aber es muss doch gehen ... das kann doch nicht so schwer sein ...
Bis auf diese nicht absolut positionierten divs (davon gibts auf meiner Seite nämlich noch zwei) hab ich ja auch alles für NN 4 hingekriegt ... irgendwie muss das doch möglich sein!?

Puh ...

Na ja, vielleicht hast Du noch eine Idee. Es hätt ja schon ganz gut geklungen mit dem border und so, das wusste ich nämlich nicht! Aber leider leider hilft es nichts. Hmmm ...

Liebe Grüße,
sunny

[Cyx23]

Hallo sunny,

es gibt noch sehr viele Korrekturmöglichkeiten.
Hier stört m.E. ein horizontaler Versatz mehr als ein Höhenabstand,
um mal irgendwo anzufangen.
Du könntest z.B. <ilayer><layer background=xy.gif><div id=submenu ...
probieren, dann müsste die Position zumindest oben und links stimmen,
oder auch mit einem zusätzlichen span arbeiten:
....</div><span id=nc4><img src="index2.asp_f
#SubMenu { position:relative;left:-3px;}
#nc4{margintop:-1em;}
Oder drei Blöcke innerhalb des absolut positionierten div,
dann kannst du besser mit margin usw. korrigieren, oder könntest Block1
und Block3 für Netscape mit einem transparenten Gif als Hintergrund
versuchen, dann würden sich alle drei Blöcke gleich verhalten und
zumindest horizontal stimmen.
Bei absoluter Position könnte man mit clip() usw. nachbessern.

Schliesslich wäre noch ein anderes background-image für den NC4
eine recht einfache und valide Lösung.

Grüsse

Cyx23

[sunny]

Hallo Cyx23,

es gibt noch sehr viele Korrekturmöglichkeiten.

Ja? Hm, das klingt schonmal gut!

Hier stört m.E. ein horizontaler Versatz mehr als ein Höhenabstand,
um mal irgendwo anzufangen.

Stimmt!

Du könntest z.B. <ilayer><layer background=xy.gif><div id=submenu ...
probieren, dann müsste die Position zumindest oben und links stimmen,

Ähm na ja, aber dafür fliegt der Rest der Seite auseinander ...
Ich hab einfach außen um das div den ilayer gewickelt, so wie von Dir vorgeschlagen, aber das hat nicht so ganz funktioniert. Das Hintergrundbild wurde zusätlich noch an allen möglichen Stellen außer im Menübereich angezeigt.

oder auch mit einem zusätzlichen span arbeiten:
....</div><span id=nc4><img src="index2.asp_f
#SubMenu { position:relative;left:-3px;}
#nc4{margintop:-1em;}

Hm, sobald ich aber beim SubMenu ein position:relative; reinschreibe stimmt das Ganze auch in den anderen Browsern (Mozilla, IE ... ) nicht mehr. Und das mit den Minuswerten für NN 4 funktioniert auch nicht so ganz.

Oder drei Blöcke innerhalb des absolut positionierten div,
dann kannst du besser mit margin usw. korrigieren, oder könntest Block1
und Block3 für Netscape mit einem transparenten Gif als Hintergrund
versuchen, dann würden sich alle drei Blöcke gleich verhalten und
zumindest horizontal stimmen.

Drei Blöcke? Das geht gar nicht. Ich hab einen Block und in diesem Block muss sich ein weiterer reinschieben. Weil das Untermenü ist ja nicht immer an derselben Stelle. Einmal unter dem ersten Hauptmenüpunkt, einmal unter dem zweiten usw. Dann müsste ich ja in jeder einzelnen Seite den ganzen Menübereich neu schreiben. Das geht schon alleine deswegen nicht weil das Menü später aus einer Datenbank kommen wird und dynamisch aufgebaut ist.

(BTW: Das Hauptdiv hat ebenso ein Hintergrundbild, das Problem tritt nur deswegen nicht auf, weil es absolut positioniert ist und dann NN 4 kein Problem mehr damit hat. Warum auch immer ... )

Bei absoluter Position könnte man mit clip() usw. nachbessern.

Das div mit dem Untermenü darf aber aus obigen Grund nicht absolut positioniert sein. Dann wärs ja kein Problem. Es muss in einem absolut positionierten div ein Element geben, das "von selbst" an der richtigen Stelle erscheint, je nachdem wo im Quelltext es sich befindet. Unter dem jeweiligen Hauptmenüpunkt halt.

Schliesslich wäre noch ein anderes background-image für den NC4
eine recht einfache und valide Lösung.

Ja klar, aber das geht nicht weil die Linie mit den "runden Ecken" oben und unten nicht zum Hintergrundbild gehört sondern ein Bild im div ist. Ich weiß ja vorher nicht wieviele Untermenüpunkte es zu dem jeweiligen Hauptmenüpunkt gibt.

Puh, ich hoffe das war jetzt nicht zu kompliziert.

Lg,
sunny

[Cyx23]

Hallo  sunny,

Drei Blöcke? Das geht gar nicht. Ich hab einen Block und in diesem Block muss sich ein weiterer reinschieben. Weil das Untermenü ist ja nicht immer an derselben Stelle. Einmal unter dem ersten Hauptmenüpunkt, einmal unter dem zweiten usw. Dann müsste ich ja in jeder einzelnen Seite den ganzen Menübereich neu schreiben. Das geht schon alleine deswegen nicht weil das Menü später aus einer Datenbank kommen wird und dynamisch aufgebaut ist.

dann für jeden Menupunkt ein span: <span><img src="...

Ausserdem kannst du ja per CSS-Weiche usw. für Netscape andere CSS-Angaben machen.

#NavLeft span{padding-left:0px!important;}
#NavLeft span{padding-left:4px}
#NavLeft #SubMenu span{padding-left:0px}

Grüsse

Cyx23

[sunny]

Hallo Cyx23,

dann für jeden Menupunkt ein span: <span><img src="...

Das hab ich jetzt ausprobiert, ich hab um alle images die in meinem Menü vorkommen (es nur images vor) ein <span> gewickelt.

Ausserdem kannst du ja per CSS-Weiche usw. für Netscape andere CSS-Angaben machen.

Das mache ich ohnehin, Netscape bekommt ein eigenes Stylesheet, eine andere Style-Datei.

Allerdings hier verstehe ich dann einiges nicht:

#NavLeft span{padding-left:0px!important;}
#NavLeft span{padding-left:4px}
#NavLeft #SubMenu span{padding-left:0px}

Warum muss ich beim "Hauptmenü" auch span-Angaben machen?
Das "Unterdiv" zu manipulieren reicht nicht?
Und was heißt dieses "!important"?

Jedenfalls hab ich folgenden Effekt:
Wenn ich nur die spans fürs Unterdiv einfüge, gleicher Effekt wie vorher (ohne HG passts, mit HG div um ein paar px verschoben).

Wenn ich auch um das Hauptmenü die spans gebe, dann verschiebt sich auch dieses, dann stimmt gar nichts mehr. Außerdem werden die Menüpunkte auseinandergezogen (es sieht so aus als ob Leerzeilen dazwischen wären).

Kannst Du mir bitte obigen Code mal kurz erklären? Dann tu ich mir etwas leichter. Sorry dass ich mich so dumm anstelle ... :-/

Liebe Grüße,
sunny

[Cyx23]

Hallo,

dann für jeden Menupunkt ein span: <span><img src="...

Das hab ich jetzt ausprobiert, ich hab um alle images die in meinem Menü vorkommen (es nur images vor) ein <span> gewickelt.

könnte klappen, ansonsten:

...
</span><span> <img src="index2.asp_files/arrow_menuactive.gif" width="34" height="9" alt="" class="menu"><a href="#" class="menuactive">Newsroom</a><br></span>
<div id="SubMenu">
<span><img src="index2.asp_files/submenu_head.gif" width="188" height="22" xhspace=0><br>
</span><span> <img src="index2.asp_files/arrow_submenu.gif" width="15" height="9" alt="" class="menu"><a href="#" class="menu">Forum 1</a><br>
</span><span>   <img src="index2.asp_files/arrow_submenu.gif" width="15" height="9" alt="" class="menu"><a href="#" class="menu">Forum 2</a><br>
</span><span>
...

usw., ob die Position der <br> anders günstiger ist hat mich erstmal
nicht gekümmert. Beim reinen NC-CSS reicht es so:

#NavLeft span{padding-left:4px}
#NavLeft #SubMenu span{padding-left:0px}

Warum muss ich beim "Hauptmenü" auch span-Angaben machen?
Das "Unterdiv" zu manipulieren reicht nicht?

margin-left:-4px beim "Unterdiv" wird u.U. nicht klappen, relative
position war ja auch nichts, deshalb rutschen alle anderen Span 4px in
die andere Richtung.

So müsste es zumindest ab 4.78 Windows klappen, mit welchem NC4
kontrollierst du?

Grüsse

Cyx23

[sunny]

Hi,

...
</span><span> <img src="index2.asp_files/arrow_menuactive.gif" width="34" height="9" alt="" class="menu"><a href="#" class="menuactive">Newsroom</a><br></span>
<div id="SubMenu">
<span><img src="index2.asp_files/submenu_head.gif" width="188" height="22" xhspace=0><br>
</span><span> <img src="index2.asp_files/arrow_submenu.gif" width="15" height="9" alt="" class="menu"><a href="#" class="menu">Forum 1</a><br>
</span><span>   <img src="index2.asp_files/arrow_submenu.gif" width="15" height="9" alt="" class="menu"><a href="#" class="menu">Forum 2</a><br>
</span><span>
...

Das hab ich jetzt so gemacht, aber so ähnlich hatte ich es ja bereits versucht. Nur ohne das xhspace="0" und das <span> hab ich immer noch in derselben Zeile geschlossen in der ich es auch geöffnet hatte.

#NavLeft span{padding-left:4px}
#NavLeft #SubMenu span{padding-left:0px}

Dann sieht es so aus:

<img src="http://www33.brinkster.com/enomis/Test/screenshot_menu.gif" border="0" alt="">

Das NavLeft span darf mE kein padding erhalten.
Geb ich es allerdings raus hab ich wieder denselben Effekt wie vorher schon.

Ich könnte allerdings, wenn das mit dem Untermenü funktionieren würd, für NavLeft ein neues HG-Bild machen, damit das wieder übereinstimmt (sodass der Hintergrund ebenfalls verschoben ist). Das wär kein Problem, dann könnte hier das Padding schon verwendet werden. Aber so wie im Moment das Submenüdiv angezeigt wird, bringt das keine wirkliche Besserung, leider.

So müsste es zumindest ab 4.78 Windows klappen, mit welchem NC4
kontrollierst du?

Ich teste mit NN 4.75.

Lg,
sunny

[sunny]

Das mit dem Bild hat jetzt irgendwie nicht funktioniert, hier nocheinmal das Bild und zur Vorsicht, falls es wieder nicht funktioniert, der Link:

<img src="http://www33.brinkster.com/enomis/Test/screenshot_menu.gif" border="0" alt="">
http://www33.brinkster.com/enomis/Test/screenshot_menu.gif

Grüße,
sunny

[sunny]

Sorry sorry - es liegt wohl an meinem Gratis-Webspace ...

alle guten Dinge sind drei:

http://www33.brinkster.com/enomis/Test/screenshot.htm

sunny

PS: Ja, jetzt nutze ich erst die Vorschaufunktion, bevor ich absende ...

[Cyx23]

Hallo,

Sorry sorry - es liegt wohl an meinem Gratis-Webspace ...

immerhin ohne Werbung?

.. screenshot.htm

sieht schonmal gut aus, die Positionen stimmen ja jetzt zueinander.
(xhspace=0 o.ä. ist natürlich unnötig)
Du könntest der Vollständigkeit halber nochmal margin statt padding testen,
und falls du nicht das Konzept umschmeisst und jeden einzelnen Span mit
Hintergrund versiehst o.ä. muss wohl ein anderes Bild her,
background-position macht der nc4 nicht, clip wirkt sich nicht auf
den Hintergrund aus, und negativer margin klappt da auch nicht.

Grüsse

Cyx23

[sunny]

Hallo Cyx23,

Sorry sorry - es liegt wohl an meinem Gratis-Webspace ...

immerhin ohne Werbung?

Na ja das natürlich schon - wär ja noch schöner ... ;-)
Zum Testen reicht es ja, wusste nur nicht dass da kein Direktzugriff auf Bilder erlaubt ist!

sieht schonmal gut aus, die Positionen stimmen ja jetzt zueinander.

Na ja schon, die Position stimmt, aber das Ganze wird trotzdem nicht korrekt angezeigt mit dem Hintergrundbild im Submenu.

Damit Du mir das glaubst hab ich das jetzt nochmal hochgeladen:

http://www33.brinkster.com/enomis/test/de/folder/index/index.asp

(xhspace=0 o.ä. ist natürlich unnötig)

Hab mich schon gewundert ja ... ;-)

Du könntest der Vollständigkeit halber nochmal margin statt padding testen,

Das hatte ich ohnehin schon getan!

und falls du nicht das Konzept umschmeisst und jeden einzelnen Span mit
Hintergrund versiehst o.ä.
muss wohl ein anderes Bild her,
background-position macht der nc4 nicht, clip wirkt sich nicht auf
den Hintergrund aus, und negativer margin klappt da auch nicht.

Na ja aber irgendwie wüsste ich jetzt nicht was ich dem NN fürs Submenu für ein Hintergrundbild geben könnte sodass es dann korrekt aussieht!? Er verschiebt nämlich den Inhalt um 1 px zu weit nach unten und zu weit nach rechts. Na bei dem file jetzt ist das eh ganz gut nachvollziehbar, schau Dir am besten den Link von oben an. Dann siehst Du was ich meine.

Jeden einzelnen span mit einem Hintergrundbild zu versehen im Submenu wird auch nicht unbedingt gut funktionieren, vor allem brauch ich dann wieder noch eine zusätzliche Klasse bei den <spans>, aber ich werd mich damit noch ein bisschen herumspielen.

Aber Du hast bestimmt noch eine bessere Idee!?
Im "Netscape4-zähmen" scheinst Du ja total gut drauf zu sein!
Vielleicht kriegen "wir" es ja doch noch hin!

Danke jedenfalls schonmal für Deine Hilfe bisher!

Lg,
sunny

[Cyx23]

Hallo sunny,

Jeden einzelnen span mit einem Hintergrundbild zu versehen im Submenu wird auch nicht unbedingt gut funktionieren, vor allem brauch ich dann wieder noch eine zusätzliche Klasse bei den <spans>, aber ich werd mich damit noch ein bisschen herumspielen.
Aber Du hast bestimmt noch eine bessere Idee!?

du kannst z.B. das erste oder beide grosse Bilder im div id="SubMenu"
über das jeweilige span nachjustieren, und ggf noch ein neues bg-gif fürs
submenu verwenden:

<span class=so><img src="submenu_head.gif"
<span><img src="arrow ...
<span class=so><img src="submenu_foot.gif"

span.so{position:relative;top:-1px;left:-1px;}

Vielleicht etwas unelegant, ich würde evtl. etwas für jeden Menupunkt
machen, u.U. mit absoluter position nachdem das Menu sowieso einen festen
Platz hat. Andererseits sind die bisherigen Korrekturen, zumal nur um 1-4px,
eher unkritisch wenn eine NC4-Version es doch mal etwas anders machen sollte.

Grüsse

Cyx23

[sunny]

Hallo!

du kannst z.B. das erste oder beide grosse Bilder im div id="SubMenu"
über das jeweilige span nachjustieren, und ggf noch ein neues bg-gif fürs
submenu verwenden:

<span class=so><img src="submenu_head.gif"
<span><img src="arrow ...
<span class=so><img src="submenu_foot.gif"

span.so{position:relative;top:-1px;left:-1px;}

Hey - wow - super! Das klappt! Auf die Idee bin ich nicht gekommen dass ich hier ja relativ positionieren kann! Jetzt siehts wirklich schon ganz gut aus! :-)

Ich hab hier zwar nicht meine Originaldatei (bin nämlich nicht mehr in der Firma, bin krank), aber da es bei meiner Testdatei hier klappt, muss es auch da dann funktionieren.

Aaaber: Es gibt noch eine komische Verschiebung unterhalb des Menüs um 1 px. Wie kann das denn sein? Wenn es oberhalb des Submenus korrekt ist muss es doch auch unterhalb passen!? Der Hintergrund kommt ja aus dem darunterliegenden div und die span-Klasse hab ich beiden (submenu_head.gif und submenu_foot.gif) zugewiesen.

Das versteh ich jetzt gar nicht. Wie kann es sein dass es oben stimmt und unten nicht? Wenn ich das untere Bild (vom Submenu) jetzt wieder um 1 px nach rechts schiebe dann stimmt natürlich die Position im Zusammenhang mit dem Submenü selbst nicht mehr, dann ist es da um einen Pixel verschoben.

Irgendwie find ich das ziemlich unlogisch!? Kannst Du Dir diesen Effekt erklären? Hab nochmal einen Screenshot gemacht damit Du siehst was ich  genau meine:

http://www33.brinkster.com/enomis/Test/screenshot.htm

Vielleicht etwas unelegant, ich würde evtl. etwas für jeden Menupunkt
machen,

Das klappt nicht so richtig, da hab ich schon einiges herumprobiert. Dann bräuchte ich nämlich auch wieder noch einen Span um alle Untermenüpunkte herum und dann krieg ich einen Abstand zwischen dem obersten Bild und dem ersten Submenüpunkt rein, der nicht wegzubringen ist. Ansonsten wird das HG-Bild wird nur hinter dem Text selbst angezeigt, das hilft mir gar nicht weiter.

u.U. mit absoluter position nachdem das Menu sowieso einen festen
Platz hat.

Das Menü schon, aber das Untermenü nicht. Es wird dann dynamisch reingeschreiben je nachdem zu welchen Hauptmenüpunkt es gehört und somit kann ich im Stylesheet keine fixe Position angeben. Es sei denn ich würde für jedes Untermenü einen eigene style machen oder so, aber das erscheint mir nicht wirklich gut. Vor allem soll das Menü immer erweiterbar sein etc. Es sollte schon unbedingt so bleiben, ohne absolute Position. Ok, ich sollte vielleicht mal meinen Perfektionismus etwas einschränken, aber jetzt haben wir es schon so weit geschafft ... ;-)

Andererseits sind die bisherigen Korrekturen, zumal nur um 1-4px,
eher unkritisch wenn eine NC4-Version es doch mal etwas anders machen sollte.

Waah, das will ich doch nicht hoffen ... ganz schön kompliziert dem alten NN solche CSS-Dinge "beizubringen" ... jetzt handelt es sich ja immerhin nurmehr um 1 px, aber das ist mir absolut unerklärlich ... vielleicht denke ich einfach schon zu kompliziert, das kann natürlich auch sein ...

Lg,
sunny

[Cyx23]

Hallo,

Das versteh ich jetzt gar nicht. Wie kann es sein dass es oben stimmt und unten nicht? Wenn ich das untere Bild (vom Submenu) jetzt wieder um 1 px nach rechts schiebe dann stimmt natürlich die Position im Zusammenhang mit dem Submenü selbst nicht mehr, dann ist es da um einen Pixel verschoben.

wahrscheinlich stimmt es oben auch nicht, nur fällt es oben weniger auf wenn
oben 1px abgeschitten ist, aber unten an der Unterkante nicht.

Also ggf. andere Bilder, anderer Hintergrund oder noch etwas probieren :-)

Grüsse

Cyx23

[sunny]

Hallo!

Das versteh ich jetzt gar nicht. Wie kann es sein dass es oben stimmt und unten nicht? Wenn ich das untere Bild (vom Submenu) jetzt wieder um 1 px nach rechts schiebe dann stimmt natürlich die Position im Zusammenhang mit dem Submenü selbst nicht mehr, dann ist es da um einen Pixel verschoben.

wahrscheinlich stimmt es oben auch nicht, nur fällt es oben weniger auf wenn
oben 1px abgeschitten ist, aber unten an der Unterkante nicht.

Nein, ich kanns mir ja in Photoshop riesig zoomen und da stimmt es auch nur unten um dieses 1 px nicht und oben ist alles korrekt. Sehr eigenartig.

Also ggf. andere Bilder, anderer Hintergrund oder noch etwas probieren :-)

Ja ich hab jetzt einfach bei dem Bild ein bisschen geschummelt, dann gings natürlich im IE wieder nicht mehr ... aber schlussendlich hab ich es jetzt hingekriegt sodass es überall gut aussieht! (-: Juhuuuuu! :-)

Ohne Deine Hilfe hätt ich das wohl nicht mehr geschafft! Vielen Dank! Hast mir wirklich sehr viel weitergeholfen!

Jetzt muss ich nur noch hoffen dass ich es morgen beim "echten" File in der Arbeit dann auch hinbekomme, aber im Grunde dürfte das kein Problem sein! Es ist ja gleich aufgebaut. Und dann muss ich es noch für meine anderen 2 Problemdivs anwenden. Da gibts nämlich genau denselben Effekt. Aber dabei handelt es sich immerhin nicht um verschachtelte divs, das dürfte also zu lösen sein! Und dann muss ich noch die dritte Menüebene einbauen ... puh ... ;-)

Na ja jedenfalls nocheinmal "Dankeschön"!
So komm ich bestimmt erstmal weiter!

Liebe Grüße,
sunny

[sunny]

Hallo!

Leider gibts jetzt nochmal ein Problem, das ich nicht lösen kann. Ich hab zwar jetzt alle meine anderen Problem-Divs so umschreiben können dass es auch in NN4 funktioniert, aber mit der dritten Menüebene gibts jetzt ein Problem, das ich schon wieder nicht hinkriege :(

Es ist nämlich so, dass sich plötzlich ein grauer Streifen außerhalb des Menü's schiebt, sobald ich das zweite Untermenü einbaue. Außerdem befindet es sich wieder nicht an der richtigen Position und ich hab es auf dieselbe Art die beim ersten Untermenü angewandt wird nicht geschafft das SubSubMenu an den Rand zu bringen.

Kannst Du mir da vielleicht nochmal weiterhelfen? Ich kriegs einfach nicht ganz hin ...

Hab hier eine Seite mit den styles für NN4 und dem Menü zum Nachvollziehen:
http://www33.brinkster.com/enomis/test/de/folder/index/test.asp

Liebe Grüße,
sunny

[sunny]

Guten Morgen!

Leider gibts jetzt nochmal ein Problem, das ich nicht lösen kann. Ich hab zwar jetzt alle meine anderen Problem-Divs so umschreiben können dass es auch in NN4 funktioniert, aber mit der dritten Menüebene gibts jetzt ein Problem, das ich schon wieder nicht hinkriege :(

Ich hab jetzt noch weitergebastelt und herumprobiert und jetzt auch eine Lösung gefunden (mit Korrekturspans und einem "Schummelhintergrundbild" sowie einem "SchummelDiv" ), es schaut korrekt aus, aber gefallen tut mir diese Lösung nicht so recht ... ich glaub das ist so auch ziemlich unsicher ...

Ich habs zwar mit NN 4.5 und NN 4.75 getestet und da schauts gut aus, aber wer weiß ...

Vielleicht kann nochmal jemand schauen und hat eine bessere Idee wie ich das mit dem SubSubMenu lösen könnte, ich würd mich freuen:

http://www33.brinkster.com/enomis/Test/de/folder/index/menu.asp

Liebe Grüße aus Salzburg,
sunny

[Cyx23]

Hallo,

Ich hab jetzt noch weitergebastelt und herumprobiert und jetzt auch eine Lösung gefunden (mit Korrekturspans und einem "Schummelhintergrundbild" sowie einem "SchummelDiv" ), es schaut korrekt aus, aber gefallen tut mir diese Lösung nicht so recht ... ich glaub das ist so auch ziemlich unsicher ...

du kannst z.B. das äussere div mit clip begrenzen statt es abzudecken,
a la #NavLeft {clip:rect(0 196px 400px 0);}, oder statt CSS mittels
JavaScript nach onload, clipwidth=196; o.ä., da sind von vornherein
weniger Probleme mit der Höhe möglich.

Ich habs zwar mit NN 4.5 und NN 4.75 getestet und da schauts gut aus, aber wer weiß ...

NN 4.7(0) wäre noch gut, dann hast du m.E. über 95%. Im 4.80 ist's ok,
und Mac- oder Linuxanwender sind wohl sowieso nicht die Zielgruppe.

Vielleicht kann nochmal jemand schauen und hat eine bessere Idee wie ich das mit dem SubSubMenu lösen könnte, ich würd mich freuen:

da solltest _du_ vielleicht mal ganz neu ansetzen, oder aber froh sein dass
es vmtl. bei 90% bis 98% der nc4-nutzer so gut funtkioniert.

Grüsse

Cyx23

[sunny]

Hi!

du kannst z.B. das äussere div mit clip begrenzen statt es abzudecken,
a la #NavLeft {clip:rect(0 196px 400px 0);},

Danke für den Tip - das funktioniert so ganz gut - ja! Und ist auf jeden Fall besser als "Schummeldiv" darüberzulegen.

oder statt CSS mittels
JavaScript nach onload, clipwidth=196; o.ä., da sind von vornherein
weniger Probleme mit der Höhe möglich.

Da gefällt mir obige Lösung besser - je weniger JavaScript auf der Seite desto besser ...

NN 4.7(0) wäre noch gut, dann hast du m.E. über 95%. Im 4.80 ist's ok,

Na den werd ich mir dann wohl noch runterladen müssen ... aber nachdem der NetscapeCommunicator-Anteil ohnehin sehr wenig ist auf diesen Seiten (durchschnittlich 4 %) hoff ich dass es da keine Probleme mehr gibt.

und Mac- oder Linuxanwender sind wohl sowieso nicht die Zielgruppe.

Nein, zum Glück nicht.
Für Linux hab ich auch gar keine Möglichkeit zum Testen.

Vielleicht kann nochmal jemand schauen und hat eine bessere Idee wie ich das mit dem SubSubMenu lösen könnte, ich würd mich freuen:

da solltest _du_ vielleicht mal ganz neu ansetzen, oder aber froh sein dass
es vmtl. bei 90% bis 98% der nc4-nutzer so gut funtkioniert.

Hm, ja leider bin ich ziemlich schlecht was nn4 und css im Zusammenspiel betrifft - na das wirst ja bereits gemerkt haben ... ich konnte es leider nicht besser lösen. Bin froh dass ich es überhaupt noch hingekriegt hab - anfangs hab ich von allen Seiten nur "geht nicht" zu hören gekriegt. Aber zum Glück geht es wohl doch irgendwie. Wenn auch bestimmt eleganter als ich das jetzt zusammengestoppelt hab ... vielleicht fällt mir ja doch noch was besseres ein.

Jedenfalls danke für Deine geduldige Hilfe!

Lg,
sunny

[Wilhelm Turtschan]

Moin

Also wenn ich folgende Angabe im Stylesheet für NN mache:

#SubMenu {
layer-background-image:url(../../../images/submenu_bg.gif);
}

passiert im NN 4.7 bei mir (Win XP) leider gar nichts. Kein Hintergrundbild!?

Dann weiss ich auch nicht weiter. Bei allen Projekten von meinereiner habe ich mit dieser Notation in N4 keinerlei Problem.

Evtl. hast _Du_ ein Problem mit Deiner Verschachtelungstiefe. ;-)
Ich lege meine Stylesheets i.d.R. im Document-Root des Servers ab.

Gruesse
Wilhelm

[sunny]

Hallo again,

Dann weiss ich auch nicht weiter. Bei allen Projekten von meinereiner habe ich mit dieser Notation in N4 keinerlei Problem.

Evtl. hast _Du_ ein Problem mit Deiner Verschachtelungstiefe. ;-)
Ich lege meine Stylesheets i.d.R. im Document-Root des Servers ab.

Mein StyleSheet liegt im Root, nur die Datei die das Stylesheet beinhaltet nicht. Aber das ist Netscape egal, er will ja den Pfad relativ zum Dokument haben und nicht relativ zum Stylesheet. Bisher zumindest ... *schonganzdurcheinanderbin*

Lg,
sunny