|
|||
Greenhorn bittet dringend um Hilfe! Positionierung!
Hallo Leute!
seit gestern versuche ich nun erfolglos dieses IMG relativ zum Browserfenster zu fixieren: es soll z.B. right: 100px; top: 200px; ausgerichtet sein, so dass es unabhängig von der Auflösung des Bildschirms an selber Stelle sich einfindet, ohne dass der Abstand zum Browserfester geringer oder grösser wird, angestrebt ist ein konstanter Abstand. #blur { background: #a7a7a7 url(img/bspimage.png) no-repeat fixed 890px 450px; opacity:.76; } Falls mir jemand helfen könnte , wäre ich sehr dankbar! |
Sponsored Links |
Sponsored Links |
|
|||
Hallo Paracelsus! besten Dank für Deine Antwort - leider bringt sie mich nicht wirklich weiter...
#blur { background: #a7a7a7 url(img/bild.png) no-repeat fixed 890px 450px; opacity:.76; } Es müsste irgendwie möglich sein, dieses bild.png sa zu positionieren, dass der Abstand zwischen ihm und rechtem sowie unterem bzw. oberem Browserrand unabhängig von der verwendeten Bildschirmauflösung konstant bleibt... Sei es durch position: relative/absolute oder irgendwie anders Das Problem ist, das sobald ich etwas unternehme (z.B. Deinen Vorschlag umsetze) sich dieses auf andere Elemente auswirkt: diese sollen aber unbeeinflusst bleiben... Ich möchte nur bild.png im konstanten Abstand zum Browserrand haben, dennoch, vielen Dank für Deine Mühe! |
|
||||
Geht doch.
Die Positionierung muss dazu 50% sein und natürlich der Container muss die Sache mitmachen. Denn "50% 0" heißt 50% von der Seite mit einem Bezugspunkt 50% zur Mitte von der linken Kante. Sollte also gehen, wenn ich jetzt nicht total daneben liege... Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : BACKGROUND-POSITION }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Schaut Euch das bitte live an - eine Spielwiese zum Testen, mehr nicht -
Bei 1280 x 1024 ist das kleine .png image an einer bestimmten Stelle des Panoramafotos. Dort soll es auch bei 1024 x ... oder was auch immer bleiben, na ja, das ist meine Vorstellung... Ich hoffe, Paracelsus und BlackHawk und Community können helfen... Danke! Übrigens: ich verlange viel aber je genauer Ihr mir sagen könnt, wie ich dieses anzustellen habe, desto besser kann ich dieses umsetzen, die Materie ist für mich sehr abstrakt: ich befasse mich mit ihr seit gestern abend! Leute, danke, danke, danke Geändert von fromthemoon (19.05.2008 um 23:19 Uhr) |
|
||||
"klein .png image" - geht das ein bisschen genauer? Nenn das Kind beim Namen.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Code:
#blur { background:#A7A7A7 url(img/blur-gray.png) no-repeat fixed 80% 450px; opacity:0.76; } Das gleiche gilt natürlich auch für die anderen "Kleinen-png".
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
||||
Ach das.
Na, der Fehler ist simpel, Du musst dem Container, der das Bild enthält ein Grösse geben (so groß wie möglich, allerdings kriegste dann scrollbars, wenn der Viewport kleiner wird)! Das Bildchen das innerhalb dargestellt wird ist ja sonst ausserhalb der Grenzen des Containers und damit nicht sichtbar. Am besten wäre, du setzt das Bild auf den body: Zitat:
Geändert von paracelsus (19.05.2008 um 21:20 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bitte um Hilfe bei der CSS Positionierung | matschi | CSS | 7 | 10.11.2008 18:12 |
Hilfe mit der Positionierung einer verschachtelten Liste | VitaminT | CSS | 2 | 03.06.2008 14:46 |
Steam funktioniert nicht !!! Dringend HILFE !!! | Splinter | Offtopic | 19 | 03.07.2007 09:30 |
Tabelle in DIV umwandeln - Dringend Hilfe gesucht! | gnrmarcel | CSS | 2 | 12.11.2006 15:00 |
CSS-Neuling bittet um Hilfe: Code-Überprüfung | Sascha Müller | CSS | 9 | 03.02.2005 15:34 |