Beiträge von fralax

Vielen Dank!

Zitat von sejuma

Du musst das Siegel in Relation zur zentrierten Seite positionieren.
Ansonsten ist es bei unterschiedlichen Auflösungen / Viewports immer unterschiedlich positioniert.
Stell mal einen Link zur Seite rein, dann kann man sicher konkret helfen.

http://www.crazedhits.com/

Auf meinem 15 Zoll Macbook mit Firefox ist das Siegel jetzt genau angepasst wie in dem Screenshot hier.

Wäre toll wenn mir jemand konkret helfen kann, damit es genauso auf allen Browsern bzw Bildschirmgrößen aussieht.

Habe den Code hier benutzt:

<div id="adframe">
<img style="border:0px" src="http://www.crazedhits.com/seal1.gif">
</div>




#adframe {
    position: absolute;
    top: 138px;
    right: 263px;
    margin: 0;
    padding: 2px   
        z-index: 99;
}

Zitat von synaptic

joa dann is es so, wie driver bereits sagte und du hast live erlebt welche probleme position:absolute; bringen kann!
hast du jetzt feste top und left-werte?
versuch mal an dieser stelle statt top und left margin-top und margin-left zu benutzen
dann musst du zwar die positionierung von der aktuellen position wo das element gecodet ist vornehmen, aber dann sollte es dennoch passen

Wenn ich absolute wegnehme dann kriege ich die Grafik überhaupt nicht auf die Position wo ich sie haben will. Sie steckt dann irgendwo unten auf meiner Page und bewegt sich da keinen Milimeter mehr von weg, auch wenn ich die Postion von top bzw left ändere.

Zitat von synaptic

idem du spezielle styles für den ie(ich vermute mal das ist dein browser vom desktop-pc)

Nein, auf meinem Desktop habe ich auch Firefox drauf. Wie gesagt, da wird die Grafik aber weiter rechts angezeigt. Evtl wegen der Auflösung oder Bildschirmgröße?

Zitat von bandit600

Du setzt right auf 263px, versuche es mal mit left:musstDuAusprobieren px;

Ok, es funktioniert... fast!

Auf meinem Macbook wird die Grafik auf Firefox und Safari an der gleichen Stellen angezeigt. Das ist ja schonmal super.

Wenn ich jedoch auf meinen großen Desktop PC gehe dann ist die Grafik viel weiter rechts. Wie kann man das fixen?

Zitat von bandit600

Du setzt right auf 263px, versuche es mal mit left:musstDuAusprobieren px;

Was soll denn das für einen Unterschied machen ob ich jetzt von "left" oder "right" das ganze fixiere?

Ich möchte auf meiner Webseite eine Grafik einfügen wie das rote Siegel auf der rechten Seite auf dem Screenshot hier:
http://img367.imageshack.us/img367/1003/screenfw8.png

Leider wir das Siegel auf verschiedenen Browsern an unterschiedlichen stellen auf der Webseite angezeigt. Gibt es irgendeinen Weg dass die Grafik auf allen Browsern und Bildschirmgrößen an der gleichen Stelle angezeigt wird?

Ich benutze Wordpress und im Moment folgende Codes:

Im Stylesheet

#adframe {
    position: absolute;
    top: 138px;
    right: 263px;
    margin: 0;
    padding: 2px   
        z-index: 99;
}

Im Footer

<div id="adframe">
<img src="bild.jpg">
</div>

Vielen Dank im Voraus für eure Hilfe!