[Porzcat]

Hi,
bisher dachte ich immer CSS funktioniert in fast jedem Browser. Nun habe ich einige Images mittels CSS absolut positioniert, funk tim IE 5.5 und 6.0 auch tadellos, aber im Opera 7.0 und in Mozilla 1.4 hängen die Bilder alle auf einem Fleck. Dabei habe ich nur Position absolute, top und left angegeben. Woran kann es liegen.
Danke schon jetzt für eine Antwort
Gruß
Porzcat

[Alex]

ohne den entsprechenden code wird dir außer einem hellseher vermutlich niemand helfen können

poste am besten den code mal hier rein (aber bitte in [code ] tags), dann kann man dir sicher helfen

[Porzcat]

Hi,
erstaml danke für die Antwort. Ja, mit dem fehlenden Code könnte was dran sein .
Hier also der Code für die 4 Bilder. Aber bitte nicht auslachen, fange gerade erst an, mit CSS zu positionieren, hab' s noch mit Tabellen gelernt .
[img]misc/misc372.gif[/img][img]misc/misc378.gif[/img][img]misc/misc377.gif[/img][img]misc/misc375.gif[/img]

[Alex]

hmm, genau das wollte ich mit der aussage "(aber bitte in [code ] tags)" verhindern...

http://www.xhtmlforum.de/faq.php?mode=bbcode#5

[Porzcat]

Sorry, bin neu hier.

[Alex]

dann editier doch deine post schnell und mach die tags rein. dann muss man sich nicht durch zeichenwüste kämpfen...

den fehler kann ich dir mitlerweile sogar sagen. du hast bei deinen top und left werten keine einheit dabei stehen. vermutlich sollen es pixel (px) sein, aber das kann der browser nicht riechen, also macht er was er will. der ie interpretiert in die fehlende angabe rein, dass es sich um px handelt, drum funzt es dort.

[Porzcat]

Danke, daran wird's wohl liegen. Und nochmal sorry wegen der Tags. Wusste einfach nicht, ob ich die vor und nach jedem Tag oder vor und nach dem gesamten Code setzen musste. Jedenfalls nochmal danke, danke, manchmal hat man echt was auf den Augen.

[Porzcat]

Hi nochmal,
hab's natürlich gleich ausprobiert mit den Pixel-Angaben und etwas hat es auch geholfen. Zumindest händen die Bilder in Mozilla und Opera nicht alle auf einem Fleck, manche erscheinen sogar da, wo sie hin sollen, andere aber leider nicht. Irgendwie verstehe ich das nicht, sind Pixel nicht in jedem Browser gleich. Von dem Test mit einer anderen Auflösung (1024 x 72 mal ganz zu schweigen. Ich probiere jetz nochmal, den Code ordentlich hier aufzuschreiben, vielleicht ist ja jemand so lieb und schaut sich das nochmal an, was ich da an Mist fabriziert habe

      [img]misc/misc372.gif[/img][img]misc/misc377.gif[/img][img]misc/misc375.gif[/img]<span style="position: absolute; left: 503px; top: 367px">[img]misc/misc377vv.gif[/img]</span><span style="position: absolute; left: 515px; top: 508px">[img]misc/misc372vv.gif[/img]</span><span style="position: absolute; left: 437px; top: 620px">[img]misc/misc374.gif[/img]</span><span style="position: absolute; left: 244px; top: 619px">[img]misc/misc374vv.gif[/img]</span>

[Alex]

ich weiß, ich klinge mitlerweile wie ein chronischer motzer, aber formatier deinen code doch mal vernünftig. wenn du keine zeilenumbrüche udn einrückungen drin hast ist irgendwo klar, dass du früher oder später nicht mehr durchblickst (geschweigedenn jemand anders)

zudem wäre es sinnvoll den bildern ids zu geben und das css separat festzulegen.

mit "vernünftig formatieren" meine ich etwas in folgender form:

#img372 {
	position: absolute; 
	top: 308px; 
	left: 184px;
	width: 49px;
	height: 47px;
	border: 0px;
}

#img377 { ... }
#img375 { ... }

#span1 {
	position: absolute; 
	left: 503px; 
	top: 367px;
}

...	

[img]misc/misc372.gif[/img]
[img]misc/misc377.gif[/img]
[img]misc/misc375.gif[/img]

<span id="span1">
	[img]misc/misc377vv.gif[/img]
</span>

...

zu deinem problem: bei position:absolute beziehen sich die angaben zu top und left immer auf die linke obere viewportecke. esseidenn du hast für ein eltern-element position:relative festgelegt, dann bezeihen sich die angabe auf dieses element. evtl hat der ie bei der behandlung von position:absolute nen bug und bezieht die angaben auf was anderes und es sieht deshalb unterschiedlich aus. am besten du lädst mal ne bsp-datei und nen screenshot irgendwo hoch, damit man sich mal ein bild machen kann, wo das problem liegt.

[Porzcat]

Erstmal danke, dass Du Dich überhaupt noch mit meinem Prob rumärgerst. Hab auch schon dran gedacht, dass ganze in eine externe Datei auszulagern. Werds mal versuchen. Der IE zeigt übrigens alles richtig an, Mozilla und Opera machen es nicht. Also, nochmal danke, melde mich dann wieder, wenn ich darf. Gruß.