[Erledigt] Background-Image soll immer ganze Seite ausfüllen

Willfri · 05.11.2011, 14:39

Hallo,

ich habe ein Hintergrundbild und das soll immer den ganzen Hintergrund ausfüllen. Also wenn man im Browser wegzoomt, soll das Hintergrundbild nicht kleiner bzw. größer werden.

Hier ist mein Code bis jetzt:

Code:

<style type="type="text/css">
html {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	overflow: scroll;
	overflow-x: auto;
	z-index: 0;
	background: url(bild.png) fixed no-repeat #BBBBBB
}
</style>

Weiß jemand eine Lösung?

mfg Willfri

Pokeprof · 05.11.2011, 23:53

Hallo,
versuche es mal damit:

PHP-Code:

  position:fixed; top:0; left:0; width:100%; height:100%;

Chriz · 06.11.2011, 00:00

Wie zoomst du denn im Browser? [CTRL] [+] oder was meinst du?

ChrisB · 06.11.2011, 00:03

Ich vermute fast, er redet von einem mobile browser.

Willfri · 06.11.2011, 00:08

Ja ich meinte mit [Ctrl] [+]. Habs jetzt hinbekommen. Der Code von Pokeprof hat nicht geklappt.

Habs jetzt mit

PHP-Code:

  <img src="bild.png" style="position: fixed; z-index: 0; top: 0; left: 0;" width="100%" height="100%" />

hinbekommen

Pokeprof · 06.11.2011, 00:54

das ist doch fast das gleiche

nikosch · 06.11.2011, 00:56

Zoomverhalten ist immer browserabhängig. Ich bezweifle, dass das überall so funktioniert.

Willfri · 06.11.2011, 12:53

Zitat:

Zitat von Pokeprof

das ist doch fast das gleiche

ist es auch, nur das das nicht mit den Element nicht geklappt hat, hab da das jz aber anders gemacht und da brauch man das.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Unterstützung Musik Newcomer Seite	Black_Sheep	Freizeit	2	21.11.2011 16:11
Große leere Lücke zwischen dem Textende der FAQ Seite und dem Footer	alarian	JavaScript, Ajax und mehr	5	23.10.2011 15:46
Eure Meinung zum Design einer Seite :)	Jonny2010	Off-Topic Diskussionen	16	14.04.2011 22:03
Style bei jeder [Erledigt] Background-Image soll immer ganze Seite ausfüllen	Rutor	PHP Einsteiger	2	07.04.2011 19:41
---Formularvariablen an 2. Seite übergeben und versenden---	Paiden2511	PHP Tipps 2010	14	30.07.2010 01:46
[Erledigt] IE7 stellt Seite nicht richtig dar	needful	HTML, Usability und Barrierefreiheit	13	13.04.2010 23:24
Scriptsuche [Erledigt] Kontaktformular erstellen	Arndt K.	Scriptbörse	15	22.02.2010 14:52
Seite für mobile Handy-Browser anpassen	gruber99	PHP-Fortgeschrittene	14	25.01.2010 16:08
Bei richtiger Eingabe Daten an nächste Seite versenden	xx_heidi_xx	PHP Tipps 2008	49	27.05.2008 14:56
Krieg kein Objekt zurück auf includeter Seite	NONNNNN	PHP Tipps 2008	5	28.03.2008 19:25
Eintrag in DB und Wechsel zu anderer Seite	Darson	PHP Tipps 2008	25	14.01.2008 16:46
Seite in Seite		PHP-Fortgeschrittene	3	15.03.2005 19:27
Problem mit Wasserzeichen auf Bildern	pixelcut	PHP-Fortgeschrittene	16	14.12.2004 02:36

05.11.2011, 14:39
Willfri Neuer Benutzer Registriert seit: 02.09.2011 Beiträge: 18 PHP-Kenntnisse: Anfänger	[Erledigt] Background-Image soll immer ganze Seite ausfüllen Hallo, ich habe ein Hintergrundbild und das soll immer den ganzen Hintergrund ausfüllen. Also wenn man im Browser wegzoomt, soll das Hintergrundbild nicht kleiner bzw. größer werden. Hier ist mein Code bis jetzt: Code: <style type="type="text/css"> html { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; overflow: scroll; overflow-x: auto; z-index: 0; background: url(bild.png) fixed no-repeat #BBBBBB } </style> Weiß jemand eine Lösung? mfg Willfri


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.11.2011, 23:53
Pokeprof Benutzer Registriert seit: 04.05.2011 Beiträge: 93 PHP-Kenntnisse: Anfänger	Hallo, versuche es mal damit: PHP-Code: `position:fixed; top:0; left:0; width:100%; height:100%;`

06.11.2011, 00:00
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Wie zoomst du denn im Browser? [CTRL] [+] oder was meinst du? __________________ "Nuschel ich?" - "Was?"

06.11.2011, 00:03
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Ich vermute fast, er redet von einem mobile browser. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

06.11.2011, 00:08
Willfri Neuer Benutzer Registriert seit: 02.09.2011 Beiträge: 18 PHP-Kenntnisse: Anfänger	Ja ich meinte mit [Ctrl] [+]. Habs jetzt hinbekommen. Der Code von Pokeprof hat nicht geklappt. Habs jetzt mit PHP-Code: `<img src="bild.png" style="position: fixed; z-index: 0; top: 0; left: 0;" width="100%" height="100%" />` hinbekommen Geändert von Willfri (06.11.2011 um 00:14 Uhr).

06.11.2011, 00:54
Pokeprof Benutzer Registriert seit: 04.05.2011 Beiträge: 93 PHP-Kenntnisse: Anfänger	das ist doch fast das gleiche

06.11.2011, 00:56
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Zoomverhalten ist immer browserabhängig. Ich bezweifle, dass das überall so funktioniert. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --