Homepe auf allen Bildschirmen gleich aussehen lassen.

05/20/2016 20:42 9TAILS#1
Einen wunderschönen guten Abend,

mein Problem liegt darin, dass ich es nicht hinbekomme das meine Homepage auf jedem Bildschirm 100 % dargestellt wird. Der Background hat eine Größe von 1920x1003px. Ich sehe bei anderen z.B das die das Backgorundbild gesplittet haben. Nur ich weiß nicht genau wie oder wie man so etwas nennt.


meine HP:


PHP Code:
http://www.newrevolution-network.ws 
die Homepage die es gesplittet hat:

PHP Code:
http://cl2-revolution.info/ 
Es würde mich sehr freuen, wenn mir jemand eine Lösung sagen könnte oder mir einen Weg beibringen könnte um solche Fehler zu beheben.


lG Tom Jessel
05/20/2016 21:43 florian0#2
Der Hintergrund auf der genannten Seite ist wiederholbar, heißt, er kann nebeneinander platziert werden, ohne dass ein sichtbarer Rand am Übergang entsteht.

[Only registered and activated users can see links. Click Here To Register...]

Code:
body {
    background: url(images/ui/content_top_bg_rep.jpg) #a7b3ef;
    background-repeat: repeat-x;
}
Der Rest der Seite ist einfach nur in der Mitte zentriert und der Rahmen ist vertikal wiederholbar.
[Only registered and activated users can see links. Click Here To Register...]

Code:
#Content_IMG_Mid_Rep {
    background: url(images/ui/content_mid_bg.jpg) repeat-y top center;
    width: 984px;
}
Edit: Da das bei deinem Bild eher schwierig wird, schau dir doch mal "background-size" an.
([Only registered and activated users can see links. Click Here To Register...])
05/20/2016 21:48 LeXent#3
Ich bin mir nicht sicher, ob ich dich richtig verstanden habe. Probier es mal damit.

html, body {
background-size: cover;
}


Mfg LeXent
05/20/2016 21:52 9TAILS#4
und wie genau kann ich das bei meiner Seite lösen ? auch so einen Aufbau oder ist es unmöglich ganze 1920x1003 px große Bilder zu nehmen ???
05/21/2016 18:15 LeXent#5
Du müsstest den genannten Code zu deinen anderen CSS Deklarationen hinzufügen. Du kannst auch 10x10 px große Bilder nehmen, dass ist bei der Umsetzung eigentlich relativ. Der Code besagt einfach, dass der Hintergrund so skaliert wird bis der Hintergrundbereich voll ist. Da es aber so vergrößert bzw verkleinert wird das es noch angemessen aussieht, wird häufig nicht das gesamte Bild angezeigt.

Zur Verdeutlichung hilfreich; [Only registered and activated users can see links. Click Here To Register...]


Mfg LeXent
05/31/2016 11:17 Punisher.biz#6
Ist es nur der Hintergrund oder auch dein Webseiten-Content?