[HaBo]

boehmi · 18.06.08, 23:03

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

Binäru$ · 18.06.08, 23:50

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$

Anzeige

- Anzeige -

metax. · 19.06.08, 00:32

Zitat:

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

Nein, afaik gibt es keine Möglichkeit mit CSS ein Hintergrundbild zu strecken.
Hintergrundbilder werden immer in Originalstreckung angezeigt.

mfg, metax.

LX · 19.06.08, 00:47

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

Anzeige

- Anzeige -

18.06.08, 23:03	#1 (permalink)
boehmi Registriert seit: 11.08.05 Likes: 0	Hintergrundbild maximieren Anzeige 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

19.06.08, 00:47	#4 (permalink)
LX Moderator Registriert seit: 14.02.06 Likes: 21	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 __________________ "Ever tried. Ever failed. No matter. Try again. Fail again. Fail better." - Samuel Beckett JS BB LX UP

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fenster maximieren	Kenniej91	Code Kitchen	6	09.08.08 20:23
problem geöffnete programme zu maximieren	VeoX	Windows	1	28.08.06 00:45
Fenstergröße beim Maximieren füllt nicht ganzen Bildschirm aus.	SteVe_O	Windows	2	18.11.05 19:04
Hintergrundbild?	Nils	Windows	2	17.08.03 19:17
popup mit navileiste//maximieren d anfangsseite	sprengmeister	(Web-) Design und webbasierte Sprachen	2	22.02.02 23:07

[HaBo]

Hintergrundbild maximieren