Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Per CSS Bild im Hintergrund immer an genaue Browserbreite skalieren

Mitglied: peterha

peterha (Level 1) - Jetzt verbinden

24.10.2011 um 21:36 Uhr, 5728 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.

Hier der Code

01.
 
02.
body { 
03.
	background-image: url(../images/body_bg.jpg); 
04.
	background-repeat: repeat-x; 
05.
	background-color: #000000; 
06.
	margin-top:0px; 
07.
	margin-bottom:0px; 
08.
 

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

Bin für jede rückmeldung dankbar.

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? ) per mir final hilft bekommt nen 10er für ne tafel schokolade per paypal.
Bitte warten ..
Mitglied: Naderio
11.11.2011 um 11:05 Uhr
hmm...ich hoffe das ist ein Ansatz:

im Quellcode das Bild platzieren:

01.
<div id="stretch"> 
02.
<img id="hintergrund" src="images/bild.jpg" /> 
03.
</div>
Dann im CSS:
01.
img[id="hintergrund"] { 
02.
   width: 100%; 
03.
   height: 100%; 
04.
05.
div[id="stretch"] { 
06.
   position: fixed;  
07.
   top: 0; 
08.
   right: 0; 
09.
   bottom: 0; 
10.
   left: 0; 
11.
}
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


MfG

Naderio - Thomas G.

EDIT:

Habs nochmal überarbeitet. Jetzt funktioniert es.
Bitte warten ..
Ähnliche Inhalte
HTML

HTML, CSS: Mapping auf dynamischen Hintergrund

gelöst Frage von Judo99HTML2 Kommentare

Ist es möglich, einerseits ein Bild als Hintergrundbild zu verwenden, welches auf allen möglichen Bildschirmgrößen voll skaliert wird und ...

PHP

Zeitbasiertes Bild auf Website mit PHP und CSS

Frage von peterhaPHP5 Kommentare

Moin Leute, ich bastele gerade mal eine Website. Bin soweit fertig. Muss nur noch einen automatischen Wechsel des Hintergrund-Bildes ...

Webbrowser

Drucken über Internet Explorer OHNE Hintergrund . nicht als Bild

Frage von ArchimedesWebbrowser1 Kommentar

Frohes Neues zusammen, ich suche mir nun schon seit Tagen einen Wolf. Leider ohne Erfolg. Ich hoffe einer von ...

CSS

CSS backgroundchangeFadeInOut im zweiten Durchlauf weniger Bilder

Frage von FalkITCSS4 Kommentare

Moin, nachdem ich heute morgen schon einen Thread (LINK) aufgemacht habe, in dem mir geraden wurde anstelle von javascript ...

Neue Wissensbeiträge
Administrator.de Feedback
Unsere Datenbank wurde umgestellt
Information von Frank vor 1 StundeAdministrator.de Feedback

Hallo User, ich habe in der Nacht unsere Datenbank umgestellt. D.h. neue Version (MySQL 8) und andere Örtlichkeit. Sollte ...

Sonstige Systeme
Es war einmal ein BeOS - Wer erinnert sich noch?
Information von BassFishFox vor 2 TagenSonstige Systeme5 Kommentare

Hallo, Bin gerade ueber Haiku gestolpert, von dessen Existenz als "Nachfolger des BeOS" ich wusste nur mich nie wirklich ...

Datenschutz

Microsoft und DSGVO - ob das wohl jemals klappt (Probleme beim Datenabfluss für Office Pro Plus)?

Tipp von VGem-e vor 2 TagenDatenschutz3 Kommentare

Servus Kollegen, siehe Aber wer setzt schon MS Office Pro Plus ein? Wie dann der Stand beim "normalen" MS ...

Windows 10

Macht Windows 10.1809 Probleme mit gemappten Netzlaufwerken (betrifft wohl insbes. AMD-Hardware und Trend Micro AV-Produkte)?

Tipp von VGem-e vor 2 TagenWindows 103 Kommentare

Moin Kollegen, grad dazu gefunden und Hatten wir dies nicht bei früheren W10-Upgrades ebenfalls? Da bleibt nur, das Upgrade ...

Heiß diskutierte Inhalte
Windows 10
Programm unter Windows 10 automatisch mit administrativen Rechten starten
Frage von GrafmulderWindows 1016 Kommentare

Hallo zusammen! Zur Situation: Ich benutze Windows 10 Pro für Workstations (Build 1803) mit zwei Konten. Einem Administratorkonto und ...

Windows Server
Cisco Annyconnect Secure Mobility Client - Windows2003 Server unable to connect
Frage von novregenWindows Server11 Kommentare

Von einem Windows 2003 Server soll eine Verbindung über Cisco Anyconnect Mobility Client zu einer Gegenstelle aufgebaut werden. Die ...

LAN, WAN, Wireless
Empfehlung Powerline Adapter
Frage von AgilolfingerLAN, WAN, Wireless9 Kommentare

Hallo Zusammen, ich brauche eine Empfehlung von euch. Ich möchte in einem privaten Haushalt eine Powerline Lösung einrichten. Allerdings ...

Microsoft
Schulungs-Microsoft-Konten zentral verwalten
Frage von thejarneMicrosoft9 Kommentare

Hallo zusammen, wir haben bei uns in der Firma 12 Computer-Arbeitsplätze für EDV-Schulungen, wo u.A. auch Computer-Basics-Kurse (wie verwende ...