nicht angemeldet
Bildgrösse an Browserfenster anpassen?
0 0 0 
Kai345
0
0
Bildgrösse an Browserfenster anpassen?
Hallo
Ich bin ein blutiger Anfänger, habe aber jetzt mal eine Site für meine Praktikumsstelle zusammengebastelt.
Jetzt bleibt noch der Wunsch:
Wie bringe ich ein Hintergrundbild dazu sich der Grösse des Browserfensters anzupassen? Also dass einfach immer das gesamte Fenster von dem Bild ausgfüllt ist. (ohne Repetitionen)
Geht das überhaupt in HTML?
oder mit einem CSS-Sheet?
oder gar JavaScript? Da hätte ich erst recht keine Ahnung, aber bin ja da zum lernen ;)
Wäre sehr froh wenn mir jemand helfen könnte!!
Gruss
fiore
-
Wie bringe ich ein Hintergrundbild dazu sich der Grösse des Browserfensters anzupassen?
Das ist nicht vorgesehen, nur mit Verrenkungen machbar, und ich vermute einfach, wenn Du die üblicherweise grausige Ausführung der Vergrößerung durch den Browser sehen würdest, möchtest Du das auch nicht mehr so recht.
Du kannst es Dir ja mal mit <img src="bild.bla" width="100%" height="100%"> anschauen.-
dankeschön.
ja gut.. wenns die chefes wollen muss ich mich wohl verrenken :/bei mir:
<body style= "width:???; background-image:url(images/background5.jpg); background-repeat:no-repeat;">
resp.
<body background-image:url(images/background5.jpg); background-repeat:no-repeat; background-width:???; >na gut.. ich denke nicht dass es "background-width:" wirklich gibt. aber hab so einige varianten ausprobert. doch bei allen hat das "width" leider gar keinen einfluss. --> fehler?
-
Grütze .. äh ... Grüße!
na gut.. ich denke nicht dass es "background-width:" wirklich gibt. aber hab so einige varianten ausprobert. doch bei allen hat das "width" leider gar keinen einfluss. --> fehler?
Ich glaube, er wollte dich dezent darauf hinweisen, daß ein vergrößertes Bild meist ziemlich schrottig aussieht und du es dir mal mit dem angegebenen img-element als "Vordergrundbild" anschauen sollst (denn da kann man es vergrößern), um zu erkennen, wie das HG-Bild aussehen würde. Es gibt keine vernünftige Methode, ein Hintergrundbild halbwegs erträglich auf verschiedene Auflösungen anzupassen, es wird pixelig oder verzerrt sein.
Cü
Kai--
What is the difference between Scientology and Microsoft? One is an
evil cult bent on world domination and the other was begun by L. Ron
Hubbard.
ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|-
hallo
vielen dank für die antworten
regt euch nur nicht zu fest auf, ich hab halt nicht soooo viel ahnung ;)das bild ist schon so gewählt dass es bildschirmgross sowie klein einigermassen gut aussieht, bzw aussehen würde.
ok. im moment schau ich noch bei css und javascript rum. sie wollen noch nicht aufgeben.
für weitere tipps, gerne zu haben
gruss
-
-
<body background-image:url(images/background5.jpg); background-repeat:no-repeat; background-width:???; >
Wie gesagt, das Strecken eines ein Hintergrundbildes ist nicht vorgesehen.
Du wirst das Bild als <img> einbinden und den restlichen Inhalt, d.h. das, was vor dem Bild zu sehen sein soll, in einen <div>-Block legen müssen, anschließend mit position und z-index übereinanderlegen. Eventuell muss auch Javascript eingesetzt werden, um das Bild pixelgenau an die Maße des <div>-Blocks anzupassen.
Ich hab's aus schon angedeutetem Grund noch nicht versucht, aber das ist die einzige Möglichkeit, die mir dazu einfällt.
-
-
-
mittlerweile hab ich es, mit CSS, geschafft und zwar so:
html {height:100%;}
body {height:100%; margin:0; padding:0;}
#content {position:relative; z-index:1;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}in firefox funktioniert es wunderbar, im ie leider überhaupt nicht. wie es scheint reagiert er auf keine meiner css-sheets.
ich habe sie so im head eingebunden:
<link href="css/def.css" rel="stylesheet" type="text/css">
<link href="css/background.css" rel="stylesheet" type="text/css">sieht jemand das problem?
eigentlich gehört das wohl zu CSS, aber einen neuen thread wegen des selben problems starten ist nicht so toll..
ich hoffe es findet dies hier jemand :/wäre sehr dankbar..
fiore