Per CSS Bild im Hintergrund immer an genaue Browserbreite skalieren

Mitglied: peterha

peterha (Level 1) - Jetzt verbinden

24.10.2011 um 21:36 Uhr, 5883 Aufrufe, 7 Kommentare

hey folks,

ich habe ne website mit nem hintergrund bild, das per css rein kommt. Ziel ist es das hintergrundbild automatisch an die browser auflösung anzupassen, sodass nur ein bild für alle auflösungen verwendet werden kann. :) face-smile

Hier der Code


Weiß jemand von euch mehr mit dem CSS gefrickel anzufangen?

Bin für jede rückmeldung dankbar. :) face-smile

schönen Abend
PETER!
Mitglied: StefanKittel
24.10.2011 um 21:49 Uhr
Hallo,
warum nicht im Body?
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" background="Bottom_texture.jpg">

Stefan
Bitte warten ..
Mitglied: peterha
24.10.2011 um 21:56 Uhr
hey Stefan,

weil im body an der stelle noch ein bild drüber liegt... bzw mal video mal flash

vg
Christoph
Bitte warten ..
Mitglied: StefanKittel
24.10.2011 um 22:01 Uhr
Hallo,
das mit der Breite ist ein Problem, da HTML, CSS oder PHP ja gar nicht wissen wie groß Dein Monitor ist.
Geht eigentlich nur mit Skripten (soweit ich weiß).
Stefan

http://www.php.de/php-tipps-2005/11578-aufloesung-mittels-php-erkennen- ...
Bitte warten ..
Mitglied: Claclaq
24.10.2011 um 22:14 Uhr
Hallo Peter

Es stimmt schon, was Stefan sagt. Mit Javascript (jQuery) kommst Du aber sicher weiter: Schau Dir mal hier die Demo an.

LG CQ
Bitte warten ..
Mitglied: peterha
25.10.2011 um 08:26 Uhr
hey leute,

guten morgen!

schaut mal was ich gefunden habe:

So solls sein:
http://benwildner.de/demo/automatic-scaling-background-css/
hier das how to:
http://benwildner.de/2010/01/how-to-hintergrund-browserfullend-skaliere ...

Mein Problem: Ich habe den CSS Code in mein CSS kopiert, es zeigt aber keinerlei wirkung. weiß jemand von euch wie es mit meinem obigen code kombiniert werden könnte?

danke für jede rückmeldung!
Peter
Bitte warten ..
Mitglied: peterha
25.10.2011 um 20:33 Uhr
anybody? :) face-smile) per mir final hilft bekommt nen 10er für ne tafel schokolade per paypal. :) face-smile
Bitte warten ..
Mitglied: Naderio
11.11.2011 um 11:05 Uhr
hmm...ich hoffe das ist ein Ansatz:

im Quellcode das Bild platzieren:

Dann im CSS:
Natürlich muss das Bild im z-index ganz hinten liegen, oder im HTML konstrukt seperat liegen.



Das war jetzt nur so eine Idee, das Bild streckt sich so nun immer auf Browserfenstergröße. Hoffe das Hilft dir ;-) face-wink


MfG

Naderio - Thomas G.

EDIT:

Habs nochmal überarbeitet. Jetzt funktioniert es.
Bitte warten ..
Heiß diskutierte Inhalte
HTML
Ich brauche dringend Hilfe !
gelöst JulianpustVor 1 TagFrageHTML20 Kommentare

Hallo erstmal, ich habe großen Mist gebaut in der Firma wo ich gerade mal 2 Tage arbeite. Was ist passiert: Ich sollte von Gmail ...

LAN, WAN, Wireless
8 Geräte - verteilen oder auf einen Switch?
DoKi468Vor 1 TagFrageLAN, WAN, Wireless12 Kommentare

Hallo liebe Admins, eine kurze Frage: Ich habe hier eine FB 6190 Cable stehen sowie einen noch unmonitored switch mit 8 Anschlüssen. Momentan sieht ...

Windows Server
Server-Internetverbindung kurz trennen und wieder aktivieren
gelöst imebroVor 1 TagFrageWindows Server13 Kommentare

Hallo, wir haben im Moment fast täglich immer wieder Ausfälle unserer Internetverbindung. Unser Provider sagt, dass er kein Problem feststellen kann. Aber wenn vom ...

Netzwerke
Hardware-Firewall - NGFW - UTM für Privatgebrauch
LordVoodooVor 1 TagFrageNetzwerke7 Kommentare

Hallo liebe Community, seit mehreren Wochen beschäftige ich mich nun schon mit dem Thema Hardware-Firewall, ausgelöst durch Begriffe wie UTM / NGFW / Layer-7-DPI. ...

LAN, WAN, Wireless
"Ethernet verfügt über keine gültige IP-Konfiguration"
gelöst archITVor 14 StundenFrageLAN, WAN, Wireless18 Kommentare

Moin, folgendes Problem: Jedes mal, wenn ich meinen PC an mache, muss ich die Problembehandlung auf der Ethernet schnittstelle ausführen, dass ich Internet habe. ...

Hardware
Kabelfernsehen in anderen Raum "übertragen" ?
cramtroniVor 1 TagFrageHardware6 Kommentare

Guten Tag zusammen, ich hätte eine Frage und zwar gibt es in unserem Haus nur einen Kabelanschluss (Coax) für das Kabelfernsehen, nun hätte ich ...

Switche und Hubs
Ist bei einem kleinen Switch Rackmount Kit dabei?
CubeHDVor 1 TagFrageSwitche und Hubs5 Kommentare

Hallo, ich möchte den "HPE OfficeConnect 1420 16G Switch" kaufen. Der Switch hat 16 Ports und ich möchte diesen in einen Standard 19 Zoll ...

Microsoft
PDF editor mit spezieller exportfunktion
FlorianHeVor 13 StundenFrageMicrosoft9 Kommentare

Hi leute. Ich habe eine Frage. Bei uns in der Instandhaltung kommt es oft vor das wir änderungen an den Elektrischen Anlagen oder Mechanichen ...