Seite 1 von 1

Frage zu CSS-Element: position:absolute

Verfasst: Mo 19. Aug 2013, 13:03
von Seatin
hallo ihr,
ich bin grad dabei für meinen neuen Online-Shop zu programmieren.

Jetzt wollte ich bei einer CD - die bereits ausverkauft ist - ein Bild mit der Schrift "Ausverkauft" - über die Box hängen. Dies mach ich ja bekanntlich mit dem CSS-Code "position: absolute;" und den Angaben von top und left.
Nun hab dies in 3 verschieden Browsern getestet. Bei jeden sieht es anderst aus. Das Bild hängt bei einem browser teilweise noch über einen anderen Artikel. Ich denk auch die Bildschirmgröße ist ein problem dabei, oder?
Das erste bild stammt vom Firefox 23.0.1, das zweite vom Firefox 15.0...
Bild Bild
Wie kann ich des anpassen - dass es in jeden browser gleich ist? Hier könnt ihr euch evtl. mal selber ein Bild machen

Nachtrag:
Auf auf der Artikelseite hängt - zumindest bei mir - das ausverkauft-Bild über den Text...

Danke im Vorraus

grüße Steffen

Re: Frage zu CSS-Element: position:absolute

Verfasst: Mo 19. Aug 2013, 14:59
von Jasko
Hallo Steffen

Du hast recht mit Absolute kann man das ganze machen, eine weitere möglichkeit ist relativ zu benutzen und das Bild relativ zum Bild, des ausverkauften artikel zu positioniren dann sollte es mit den auflösungen mitgehen und sich nicht mehr auf der seite verschieben wie mit absolute.

MFG

Re: Frage zu CSS-Element: position:absolute

Verfasst: Do 22. Aug 2013, 15:03
von Seatin
Leider hat dies auch nicht's gebracht. Da stand das bild nebendran. Ich wollte es aber über dem Bild...
Nun habe ich einfach ein normales Bild erstellt mit beiden bilder...

Danke trotzdem
Steffen