[Erledigt] Hintergrund in der breite bildschirmauflösungskompatibel machen?

litterauspirna · 17.06.2009, 10:12

Hallo Leute,

da dies eigentlich eine direkte Design Frage ist weis ich nicht ob ich in dem Board richtig bin, es schien mir aber das einzige hier zu sein wo das rein passen könnte.

Nun mein Problem / Frage. Ich mache für ein Kunden eine Seite und habe eben die Technik fertig bekommen, nun bin ich am Design und muss einen Hintergrund erstellen was ja so nicht schwer ist, der Kunde hat mir seine Vorstellung gegeben und ich kann das im Prinzip auch umsetzen, aber nun stehe ich vor einem Problem was die Breite eines solchen Hintergrundbildes angeht im Bezug auf verschiedene Bildschirmauflösungen.

Ich entwickel auf Bildschirmauflösung 1024 * 768 Pixel nun gibts ja auch größere Auflösungen und dann passt der Hintergrund natürlich nicht mehr. Die gesamte Seite und den DIV Aufbau habe ich so gemacht das sich die Breite an die Auflösung anpasst nur weis ich nicht wie ich das mit dem Hintergrund anstellen soll, dass der sich auch an die Breite anpasst und keine hässlichen Ränder links und rechts daneben sind.

Geht das mit CSS irgendwie? Ich ahbe absolut keine Idee.

Die Höhe einzupassen ist ein Problem, das Hintergrund hat einen Verlauf und wenn die Seite sich in die Läge zieht dann gebe ich eine Hintergrundfarbe im Body an die den Farbton dem untersten Farbton des Hintergrundes gleicht. Aber die Breite macht mir Sorgen.

Ich danke euch für eure Ratschläge, bin da grad komplett Ratlos.

Gruß litter

Phoscur · 17.06.2009, 10:43

Es gibt doch verschiedene Möglichkeiten, einen Hintergrund seitenfüllend und doch nicht ganz monoton zu gestalten:
- Ein relativ großes Stück wird per repeat wiederholt
- Die Hintergrundfarbe des zentrierten Hintergrundbildes erstreckt sich über die ganze Breite und Höhe
- Eine Mischung aus beiden vorigen Punkten

Mehr fällt mir grad nicht ein, gibt aber sicher noch mehr Möglichkeiten!

JEGO · 17.06.2009, 11:10

Wenn du nur einen Verlauf als Hintergrund hast, ist das doch recht einfach. Von oben nach unten hast du ja schon. Von links nach rechts z.b. bei einem Bild von 1px x 700px (breite x höhe) machst du via css ein:

Code:

 
background-image:url(../images/dein_bild.gif);
background-repeat:repeat-x;
background-color: #ffffff; <!-- Alternative Farbe fals das Bild nicht angezeigt werden kann. -->

litterauspirna · 17.06.2009, 11:17

Ja das Problem ist das ih mit Photoshop eine ausgeschnittene Steckfrisur noch mit drin.

Und genau deshalb frage ich ja. wäre es der reine Verlauf ohne irgendetwas dazu, dann wäre das kein Problem.

JEGO · 17.06.2009, 11:19

zeig doch mal das bild wie es aussehen soll? evtl. hilft es dir ja den Verlauf in den Hitergrund zulegen, darüber einen Div mit dem Bild Centriert. Und darüber dann die Inhaltseite.

litterauspirna · 18.06.2009, 09:51

Zitat:

Zitat von JEGO

zeig doch mal das bild wie es aussehen soll? evtl. hilft es dir ja den Verlauf in den Hitergrund zulegen, darüber einen Div mit dem Bild Centriert. Und darüber dann die Inhaltseite.

Danke der Tipp hat mir weitergeholfen.

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
analyse im hintergrund?	Screeze	PHP Tipps 2009	6	01.03.2009 21:15
[Erledigt] PHP Script im Hintergrund laufen lassen	Rico de Amo	PHP Tipps 2009	8	01.03.2009 19:46
Hintergrund in CSS einbauen....	sx1-user	HTML, Usability und Barrierefreiheit	7	06.02.2009 12:46
Hintergrund definieren	anno	HTML, Usability und Barrierefreiheit	2	30.05.2006 15:32
[CSS] Verschachtelte Div Container - Breite anpassen	I-Spy	HTML, Usability und Barrierefreiheit	7	14.05.2006 11:51
Thumbnail proportional mit Max. Breite u. Höhe	.fox	PHP Tipps 2006	3	25.03.2006 07:03
Problem mit DIV-Box Breite	php_frage	HTML, Usability und Barrierefreiheit	4	18.03.2006 09:30
Fehler mit Hintergrund bei DIV's - Im Firefox - Help me :-(		HTML, Usability und Barrierefreiheit	20	27.05.2005 10:39
Hintergrund wechseln?? Ansicht		PHP Tipps 2005	3	22.03.2005 12:37
Shoutbox hintergrund		PHP Tipps 2005	15	25.02.2005 07:35
Hintergrund	Stümper	HTML, Usability und Barrierefreiheit	1	11.02.2005 09:21
[INCLUDE] mit transparentem Hintergrund!!		PHP Tipps 2005	1	30.01.2005 14:45
php-bilder mit transparentem hintergrund		PHP-Fortgeschrittene	18	05.01.2005 07:29
IE: Breite = width + 0; FF: Breite = width + padding -- Häh?	tapferesschneiderlein	HTML, Usability und Barrierefreiheit	1	09.12.2004 18:45
Bilder in den Hintergrund	Beatbox	HTML, Usability und Barrierefreiheit	5	29.09.2004 17:56

17.06.2009, 10:12
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	[Erledigt] Hintergrund in der breite bildschirmauflösungskompatibel machen? Hallo Leute, da dies eigentlich eine direkte Design Frage ist weis ich nicht ob ich in dem Board richtig bin, es schien mir aber das einzige hier zu sein wo das rein passen könnte. Nun mein Problem / Frage. Ich mache für ein Kunden eine Seite und habe eben die Technik fertig bekommen, nun bin ich am Design und muss einen Hintergrund erstellen was ja so nicht schwer ist, der Kunde hat mir seine Vorstellung gegeben und ich kann das im Prinzip auch umsetzen, aber nun stehe ich vor einem Problem was die Breite eines solchen Hintergrundbildes angeht im Bezug auf verschiedene Bildschirmauflösungen. Ich entwickel auf Bildschirmauflösung 1024 * 768 Pixel nun gibts ja auch größere Auflösungen und dann passt der Hintergrund natürlich nicht mehr. Die gesamte Seite und den DIV Aufbau habe ich so gemacht das sich die Breite an die Auflösung anpasst nur weis ich nicht wie ich das mit dem Hintergrund anstellen soll, dass der sich auch an die Breite anpasst und keine hässlichen Ränder links und rechts daneben sind. Geht das mit CSS irgendwie? Ich ahbe absolut keine Idee. Die Höhe einzupassen ist ein Problem, das Hintergrund hat einen Verlauf und wenn die Seite sich in die Läge zieht dann gebe ich eine Hintergrundfarbe im Body an die den Farbton dem untersten Farbton des Hintergrundes gleicht. Aber die Breite macht mir Sorgen. Ich danke euch für eure Ratschläge, bin da grad komplett Ratlos. Gruß litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


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

17.06.2009, 10:43
Phoscur Erfahrener Benutzer Registriert seit: 01.12.2008 Beiträge: 450 PHP-Kenntnisse: Fortgeschritten	Es gibt doch verschiedene Möglichkeiten, einen Hintergrund seitenfüllend und doch nicht ganz monoton zu gestalten: - Ein relativ großes Stück wird per repeat wiederholt - Die Hintergrundfarbe des zentrierten Hintergrundbildes erstreckt sich über die ganze Breite und Höhe - Eine Mischung aus beiden vorigen Punkten Mehr fällt mir grad nicht ein, gibt aber sicher noch mehr Möglichkeiten! __________________

17.06.2009, 11:10
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	Wenn du nur einen Verlauf als Hintergrund hast, ist das doch recht einfach. Von oben nach unten hast du ja schon. Von links nach rechts z.b. bei einem Bild von 1px x 700px (breite x höhe) machst du via css ein: Code: background-image:url(../images/dein_bild.gif); background-repeat:repeat-x; background-color: #ffffff; <!-- Alternative Farbe fals das Bild nicht angezeigt werden kann. --> __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.

17.06.2009, 11:17
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Ja das Problem ist das ih mit Photoshop eine ausgeschnittene Steckfrisur noch mit drin. Und genau deshalb frage ich ja. wäre es der reine Verlauf ohne irgendetwas dazu, dann wäre das kein Problem. __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de

17.06.2009, 11:19
JEGO Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 2.555 PHP-Kenntnisse: Anfänger	zeig doch mal das bild wie es aussehen soll? evtl. hilft es dir ja den Verlauf in den Hitergrund zulegen, darüber einen Div mit dem Bild Centriert. Und darüber dann die Inhaltseite. __________________ Gruß JEGO Ein PHP Script tut, was Du schreibst, nicht was Du willst.