[bieber]

Hallo zusammen,

bin gerade dabei eine Seite aufzusetzen und dabei ist folgendes Problem aufgetreten:
Ich habe mehrere DIVs mit Hilfe des z-index übereinander gelegt. Nun liegen 2 der DIVs aber über dem Navigationsbereich(sind pngs mit transparenten Teilen) und somit funktionieren die Links nicht, kann die navigaiton dadruch also nicht benutzen.

mir ist klar das der grund die darüber liegenden divs sind und habe versucht die navigation im z-index ganz nach oben zu heben. aber funktioniert leider nicht.
Kann mir evtl jemand nen tipp geben wie ich das prob beheben könnte?

Hier die Seite:
http://f-bieberstein.lima-city.de/fairynails/index.html

und hier der HTML Code

[keeka]

Hallöchen,

ersten möchte ich dir sagen, dass "willkommen" klein geschrieben wird. Oder du schreibst "ein herzliches Willkommen". *Klugscheißende*

Und zweitens, wenn du die Navi doch eh über alle anderen divs drüber legst, kannst du doch die beiden transparenten Bilder ebenso mit in den Hintergrund legen, oder nicht? Ich glaube, damit hättest du eine Menge Arbeit gespart..

Edit: Deine Codierung ist schön übersichtlich geschrieben, jedoch ist es teilweise doppelt gemoppelt und durcheinander. Wenn du dich für eine Schriftart entschieden hast, leg die Definition dafür in die Body, dann musst du es nicht immer wieder wiederholen. Außerdem reicht es bei deinen ul bzw. li, wenn du da die Abstände definierst, dafür musst du nicht extra die p definieren.
Außerdem kannst du auf den z-index verzichten, wenn du die divs bereits in der Reihenfolge "oben-nach-unten" anlegst. Du hast mit 4 und 5 angefangen, dann springst du zu 11, dann wieder zurück, ist echt durcheinander..
(Ich weiß, danach hast du nicht gefragt, aber es fällt mir halt auf..)





---------

[heiko_rs]

Hintergrund ist das Stichwort @bieber, Deine Deko-Bilder gehören nicht als img ins Markup, sondern ins CSS (Trennung von Inhalt und Design).

Unabhängig davon: Wieso Du Alphatransparenz brauchst, erschließt sich mir nicht, keine der Grafiken verändert je ihre Position zum Hintergrund, also kann dieser immer Bestandteil der Grafik sein. Und wieso hast Du immer noch ein p in jedem Navi-li? Außerdem wichtig: validieren

[bieber]

danke, das mit dem willkommen werde ich wenn es um inhaltliche dinge geht ändern. Mir ist zwar bewusst das man es eiglt klein schreibt, aber dieser fehler ist extrem weit verbreitet;)

aber bevor ich an so inhaltliche dinge rangehen muss das grundgerüst erstmal funzen;)

ja hatte es zuerst auch vor die schnörkel und die fee in die hintergrund grafiken einfach mitreinzunehmen.
das prob is aber, dass der IE andere abstände zw. Header und Content macht als z.b. der Firefox.
Also habe ich die abstände nach oben einfach die 3-4pixel die der IE es weiter runter hängt als minus-margin gemacht, im firefox überlappt es sich dann um diese pixel.aber das ist bei der unifarbenen fläche ja auch kein problem.

nur wenn ich jetzt die grafiken mit in den hintergrund nehm, dann wirds zu nem problem. im IE wäre alles klasse, nur der Firefox z.B. würde 3-4pixel schlucken und somit würds die grafiken unschön zerhacken.
darum möchte ich die beiden grafiken über den content-hintergrund legen.

[bieber]

danke mh habs ausprobiert aber die links gehen trotzdem nicht.

ja stimmt das war unnötig wollte damit einfacher formatieren aber is ja wesentlich umständlicher als wenn ich li einfach die gleiceh formatierung zuweise wie p. hab das auch gleich geändert.

ja den valdiator hab ich drüber laufen lassen, aber den versteh ich null. er zeigt mir fehler an, die keine fehler sind.
so dinge wie: Attribute "HEIGHT" is not a valid attribute. Did you mean "height"? und dabei steht es im code kleingeschrieben. was läuftn da falsch?

hier der neuste code:
HTML

[willshedo]

Hi,

versuch mal, dein #naviinhalt , also die Navi, absolut dahin zu positionieren, wo sie hinsoll, dafür das float weglassen und dann z-index:500.

Ausserdem: wenn der IE irgendwas um ein paar Pixel anders anzeigt als der FF und Co, kann man dem entsprechenden Element ja andere Werte extra für den IE zuweisen (Stichwort: Browserweiche)

Grüsse,

[bieber]

geht uach nich.

oh man dann werd ich wohl doch die andere variante nehmen. aber nur die schnörkel, die fee und den weißen bereich zusammen nehmen oder? sonst wird die datei ja viel zu riesig.


so hab das jetz so umgesetzt. funzt auch. nur die fehler im validator stören mich sehr. ha da jemand ne ahnung warum der das als fehler anzeigt?

[willshedo]

Validator?

http://www.validome.org/validate/?uri=http://f-bieberstein.lima-city.de/fairynails/index.html

Steht doch ausführlich dabei, was er da als Fehler anzeigt....