Moin,

sitze gerade an einer Testseite dran, wo ich ein wenig mit CSS rumbastel; speziell das Positionieren von Elementen. Während der alte Miesepeter IE 5.5 auf schändlichste Weise alles richtig anzeigt, meint FF 1.0 (sowie Opera 7.x) das nicht nötig zu haben...

Wenn also IE 5.5 was richtig anzeigt und die beiden anderen nicht, dann stimmt ja erfahrungsgemäß was nicht! Jedenfalls habe ich eine PNG-Hintergrundgrafik (600*90) und ein PNG-Logo mit Transparenz (144*72). Der Screen wurde mittels body-Tag in CSS auf (0|0) getrimmt (kein Margin usw.), so daß ich dort den Hintergrund genau in die Ecke linksoben klatschen kann und darüber mittels diversen CSS-Angaben das Logo positionieren können sollte. Nada!

Hier erstmal der CSS-Code für das Logo, welches die ID "logo" hat:

Quellcode:#logo
{
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
} Leider wird das Logo stets relativ unter dem Hintergrundbild (welches ja nicht wirklich Hintergrund ist, sondern auch ein normales Bild) positioniert. Der Z-Index hilft da auch nicht viel weiter. Folgende Dinge habe ich bereits ausprobiert:

1. Auch das Hintergrundbild per id="bg" absolut zu positionieren mit Z-Index 0.
2. Beide Images in div-Tags zu packen, die dann anstelle der Bilder die id's bekommen (so wie im SelfHTML Tutorial beschrieben)
3. An FF und Opera zu zweifeln beginnen

Ich denke, die Webhelden hier dürften das Problem schnell erkannt haben. Thx voraus.

--- EDIT ---

Hier mal zwei Shots:

So sieht das in Firefox aus

...und so im Preview meines Editors, der IE 5.5 benutzt

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Mach mal die Leerzeichen im CSS Code zwischen dem Doppelpunkt und dem Value weg, das mögen echte Browser nicht.

Der Optimist glaubt, dass wir in der Besten aller Welten leben.
Der Pessimist fürchtet, dass dies stimmt.

Zitat:

epidemic postete
Mach mal die Leerzeichen im CSS Code zwischen dem Doppelpunkt und dem Value weg, das mögen echte Browser nicht.

Btw habe ich den Fehler entdeckt, war eine falsche src-Angabe zur CSS-Datei im HTML Code o_O Tja, kleine Dinge, große Wirkung.

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Ok, FireFox vielleicht, aber es gibt auch viele andere Browser und da verträgt es bestimmt nicht jeder.

Und man "designt" ja nicht nur für ein paar bestimmte Browser.

Der Optimist glaubt, dass wir in der Besten aller Welten leben.
Der Pessimist fürchtet, dass dies stimmt.

aus der css-grammatik:

Quellcode:S     [ \t\r\n\f]+
declaration : DELIM? property S* ':' S* value; da duerfen spaces hin.

\o tanz den naziprau! o/

And more than ever, I hope to never fall,
Where enough is not the same it was before

Mhm, also unser Informatiklehrer hat uns erzählt, dass sowas einige Browser nicht hinkriegen.

Naja, auf der anderen Seite wurde er auch auf der alten Arbeitsstelle wegen Inkompetenz entlassen... und das war eine öffentliche Behörde :)

Der Optimist glaubt, dass wir in der Besten aller Welten leben.
Der Pessimist fürchtet, dass dies stimmt.

druck den snippet den don gepostet hat, und lass ihn das erklären, wieso er was anderes gesagt hat. danach sein reply hier posten.

because our freedom sits at the end of a gun
we're all here getting beat up and held back
we're all here digging knives from our backs