Hintergrund verschiebt sich.

Kleevina · 30.12.2010, 15:20

Hallo zusammen.

Ich habe für eine Bekannte bzw. Friseurmeisterin eine Webseite programmiert.

Ich habe folgendes Problem:

Mir hat man empfohlen den Hintergrund auf statisch einzustellen, damit er nicht so stark gekachelt wird bei etwäs größeren Monitoren. Doch jetzt habe ich das Problem, dass der Hintergrund sich zwar den Größenverhältnissen anpasst, aber die anderen Elemente verschieben.

Hier bei 1024 x 768

Hier bei 1280 x 800

Ich habe folgende CSS-Tags verwendet:

Zitat:

body{
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

Das Bild habe ich direkt im HTML-Tag eingefügt.

Zitat:

Meine Frage:

Kann ich alle div-tags bzw. alle Tags genauso einstellen wie den Hintergrund, damit alle Elemente sich den Größenverhältnissen anpassen, damit nicht alles dorthin rutscht, wo es nicht hin soll?

Asipak · 30.12.2010, 15:34

Mit den Infos kann ich leider nicht viel anfangen.

Fasse alle Inhalte in einem gemeinsamen <div> - Block mit fester Breite zusammen. Darin kannst du dann alle Elemente ausrichten. Dem <body> - Tag verpasst du dann einfach die pinke Hintergrundfarbe und kannst den <div> - Block unabhängig von der Fensterbreite zentrieren oder links oder rechts ausrichten.

Kleevina · 30.12.2010, 17:41

Leider kann ich im div keine Bilder einfügen.

Kleevina · 30.12.2010, 18:48

Ich habe es mit dem Zusammenfassen versucht, doch es klappt irgendwie nicht.

GiS · 31.12.2010, 00:59

Zitat:

Zitat von Kleevina

Leider kann ich im div keine Bilder einfügen.

Doch das geht schon, du erstellst eine Box mit einer bestimmten Breite x und einer Höhe y, dann noch das Bild einfügen und du hast deine Box mit dem Bild:

PHP-Code:

  #bild {

width:200px;

height:200px;

background-image:url(bild.gif);

}

Asipak · 01.01.2011, 20:59

Zitat:

Leider kann ich im div keine Bilder einfügen.

Code:

<div id="page">
  <img src="./images/picture.png" alt="" />
  
  <!-- mehr HTML -->
</div>

Das geht doch?

Zitat:

doch es klappt irgendwie nicht

Das ist keine brauchbare Problembeschreibung.

Kleevina · 03.01.2011, 18:23

Ich habe es mit dem Einfügen des Bildes ins div hinbekommen, aber jetzt habe ich das Problem, dass ich das div, womit ich alle Elemente eingeschlossen habe nicht zentriert ausrichten kann. Das funktioniert nur beim Text.

Kleevina · 03.01.2011, 18:28

Ich habe es geschafft, dass Bild in das div einzufügen, woraufhin schon das nächste Problem folgt.

Ich kann das div nicht so zentrieren wie den Hintergrund mit:

background-position:center;

Ich kann nur lediglich eine Text-Ausrichtung machen, doch die ich möchte, dass alles, was ich mit dem div eingeschlossen habe sich genauso zentrieren lässt wie der Hintergrund.

eagle275 · 04.01.2011, 09:39

doch .. das geht schon

HTML-Code:

div.seite {
   /* Breite, Hintergrundfarbe, Rahmen */
   width: 984px;
   background-color: #FFF;
   padding: 0px 0px;
   border-left: 10px solid  white;
   border-right: 10px solid  white;
   border-top: 0px none transparent;
   border-bottom: 30px solid white;
   /* Ausrichtung vertikal 0 Pixel, horizontal mittig */
   margin: 0px auto;
}

so mach ich das zum Bleistift - müsstest du halt auf deine Farbwerte anpassen und das Bild entsprechend einbinden

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
Mit GD Hintergrund ändern	Arne Drews	PHP Tipps 2010	13	19.11.2010 00:29
[Erledigt] php per exec() im Hintergrund ausführen	AlfredHitzkopf	PHP Tipps 2010	8	17.11.2010 17:25
Div Tags hintergrund automatisch so lang wie inhalt	Rutor	HTML, Usability und Barrierefreiheit	1	03.05.2010 22:28
Bild zwischen Hintergrund und Text	TheRahl	Scriptbörse	12	10.02.2010 20:12
Textarea Bild Hintergrund	Kevin1984	HTML, Usability und Barrierefreiheit	5	15.07.2009 10:25
[Erledigt] Hintergrund in der breite bildschirmauflösungskompatibel machen?	litterauspirna	HTML, Usability und Barrierefreiheit	5	18.06.2009 09:51
Hintergrund in CSS einbauen....	sx1-user	HTML, Usability und Barrierefreiheit	7	06.02.2009 12:46
div hintergrund wird nur angezeigt wenn border definiert	noskule	HTML, Usability und Barrierefreiheit	0	21.12.2006 15:51
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
Bilder in den Hintergrund	Beatbox	HTML, Usability und Barrierefreiheit	5	29.09.2004 17:56
Bild in den Hintergrund verschieben	Beatbox	HTML, Usability und Barrierefreiheit	3	15.09.2004 20:52


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

30.12.2010, 15:34
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 4.072	Mit den Infos kann ich leider nicht viel anfangen. Fasse alle Inhalte in einem gemeinsamen <div> - Block mit fester Breite zusammen. Darin kannst du dann alle Elemente ausrichten. Dem <body> - Tag verpasst du dann einfach die pinke Hintergrundfarbe und kannst den <div> - Block unabhängig von der Fensterbreite zentrieren oder links oder rechts ausrichten.

30.12.2010, 17:41
Kleevina Neuer Benutzer Registriert seit: 15.11.2010 Beiträge: 13 PHP-Kenntnisse: Anfänger	Leider kann ich im div keine Bilder einfügen. Geändert von Kleevina (30.12.2010 um 17:56 Uhr).

30.12.2010, 18:48
Kleevina Neuer Benutzer Registriert seit: 15.11.2010 Beiträge: 13 PHP-Kenntnisse: Anfänger	Ich habe es mit dem Zusammenfassen versucht, doch es klappt irgendwie nicht.

03.01.2011, 18:23
Kleevina Neuer Benutzer Registriert seit: 15.11.2010 Beiträge: 13 PHP-Kenntnisse: Anfänger	Ich habe es mit dem Einfügen des Bildes ins div hinbekommen, aber jetzt habe ich das Problem, dass ich das div, womit ich alle Elemente eingeschlossen habe nicht zentriert ausrichten kann. Das funktioniert nur beim Text.

03.01.2011, 18:28
Kleevina Neuer Benutzer Registriert seit: 15.11.2010 Beiträge: 13 PHP-Kenntnisse: Anfänger	Ich habe es geschafft, dass Bild in das div einzufügen, woraufhin schon das nächste Problem folgt. Ich kann das div nicht so zentrieren wie den Hintergrund mit: background-position:center; Ich kann nur lediglich eine Text-Ausrichtung machen, doch die ich möchte, dass alles, was ich mit dem div eingeschlossen habe sich genauso zentrieren lässt wie der Hintergrund.

04.01.2011, 09:39
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	doch .. das geht schon HTML-Code: div.seite { /* Breite, Hintergrundfarbe, Rahmen / width: 984px; background-color: #FFF; padding: 0px 0px; border-left: 10px solid white; border-right: 10px solid white; border-top: 0px none transparent; border-bottom: 30px solid white; / Ausrichtung vertikal 0 Pixel, horizontal mittig */ margin: 0px auto; } so mach ich das zum Bleistift - müsstest du halt auf deine Farbwerte anpassen und das Bild entsprechend einbinden __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste