Seite 1 von 1

Hintergrund größe

Verfasst: 02.02.2014 10:40
von style-your-body
Wie ich den Hintergrunmd ändere weiß ich schon . ich müsste nur die größe wissen in der ich die png datei anfertige. wenn ich firebug nehme .. ist dann die größe das padding?

oder in welcher größe fertig man den hintergrund am besten an ?

Re: Hintergrund größe

Verfasst: 02.02.2014 10:44
von Kirk
Hallo
Du kannst den Hintergrund mit background-repeat wiederholen lassen.

Re: Hintergrund größe

Verfasst: 02.02.2014 10:53
von style-your-body
ok ich wollte aber schhon mit grafiken und verläufen im Hintergrund arbeiten und wenn ich den Hintergrund dann wiederholen lasse siehts nicht aus denke ich

Re: Hintergrund größe

Verfasst: 02.02.2014 11:29
von Crizzo
Hi,
style-your-body hat geschrieben:Wie ich den Hintergrunmd ändere weiß ich schon . ich müsste nur die größe wissen in der ich die png datei anfertige. wenn ich firebug nehme .. ist dann die größe das padding?

oder in welcher größe fertig man den hintergrund am besten an ?
Nein, "padding" definiert bei Block-Elementen den Innenanstand der Kindelemente zum Rand des Elternelements, damit hast du keinen Einfluss auf die Größe der Hintergrundgrafik.

Die Grafik musst du schon selber in die passende Größe packen: http://www.thestyleworks.de/ref/background.shtml

Alternativen gibt es nur in CSS3 (noch nicht Final): http://solemone.de/demos/fullsize-backg ... ound-size/

Grüße

Re: Hintergrund größe

Verfasst: 02.02.2014 12:45
von style-your-body
ok super danke ... wie finde ich denn die passende größe heraus?

Re: Hintergrund größe

Verfasst: 02.02.2014 12:51
von Crizzo
Die passenden Größe für ein Hintergrundbild? Das ist nahezu unmöglich. Da du Auflösungen von älteren Smartphones 320x480 Pixel bis zu einem 27" Monitor mit 2560x1440 Pixeln und größer abdecken musst. Nur zwingst du dann beim Laden eines 3MB Hintergrundbildes die Smartphone-Nutzer in die Knie.

Eben deshalb werden oft Bilder benutzt, die z.B. 1000x1000px groß sind und dann an den Rändern in deine flächendeckende, einfarbige Hintergrundfarbe übergehen oder eben wiederholt.

Alternativ kannst du per Responsive-Design für einzelne Display-Größen andere Hintergrundbilder einbinden. Da würde ich mich aber auf 3-4 Größengruppe beschränken z.B.:

Code: Alles auswählen

<link href="./styles/prosilver/theme/responsive.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />
(aus phpBB3.1.0a2 entnommen)

Grüße