Hintergrundbild maximieren

B

boehmi

0
Hallo,

ich hab auf einer Homepage n Hintergrundbild eingebunden:
Code: 
body {
	background-image:url('bilder/bg.jpg');
	background-repeat:repeat-y;
	background-position:center;
	background-attachment:fixed;">
}

Leider ist das Bild nicht so breit, wie meine Auflösung groß ist... und wenn ich sie weiter runter schraube, geht das Bild dementsprechend links und rechts abgeschnitten.

Gibt es eine Möglichkeit die Größe des Hintergrundbildes festzulegen... z.B. Breite 100%

Grüße
 
Hi,

Ja, aber dazu must du mit einem DIV-Layer arbeiten
CSS Code:

Code: 
div.background {    
background-image:url('bilder/bg.jpg');     
width:500px;  	
height:800px;  
background-attachment:fixed;">  }

HTML:
Code: 
<link rel="stylesheet" type="text/css" href="Style.css"> 
<body>   
<div class="background">   
</div>  
<body>


mfg Binäru$
 
Original von boehmi
Gibt es eine Möglichkeit die Größe des Hintergrundbildes festzulegen... z.B. Breite 100%
Zum Vergrößern anklicken....
Nein, afaik gibt es keine Möglichkeit mit CSS ein Hintergrundbild zu strecken.
Hintergrundbilder werden immer in Originalstreckung angezeigt.

mfg, metax.
 
Solange das Bild in dem DIV wieder als Hintergrundbild eingebunden ist, gelten die gleichen Bedingungen: Keinerlei Größenanpassung.

Du könntest bestenfalls das Bild direkt einbinden und absolut positionieren, etwa in dieser Form:

Code: 
<div class="content" style="position: relative">
<img src="hintergrundbild.jpg" alt="" style="top: 0; left: 0; bottom: 0; right: 0; position: absolute;" />

<!-- ... eigentlicher Inhalt hier ... -->

</div>

Prinzipiell ist davon aber abzuraten. Großflächige Hintergrundbilder fressen nicht nur unnötig Bandbreite, sondern erschweren in aller Regel auch das Lesen durch mangelnde Kontraste und nehmen den Fokus dem eigentlichen Inhalt der Seite weg. Außerdem sehen vom Browser skalierte Bilder oft genug auch reichlich Stulle aus :)
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben