BACKGROUND auf Bildschirmgröße reduzieren

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

ich habe wenig Ahnung von HTML und benötige dringend Hilfe. Wie muß der Quelltext aussehen, damit das Hintergrundbild nicht über die Bildschirmgröße hinausgeht. Das Menü ist links und um die Breite des Menüs ragt meine Seite über den Bildschirm hinaus. Wie kann ich das begrenzen?

So sieht der Quelltext jetzt aus:

http://www.repage.de/memberdata/4pfoetchen/Sternenhi…); BACKGROUND-REPEAT: repeat; BACKGROUND-ATTACHMENT: fixed">
http://www.repage.de/memberdata/4pfoetchen/Jerome.gif" />
 
 
 
 
 
 
 
 
 
http://www.repage.de/memberdata/4pfoetchen/Regenboge…" />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
http://www.repage.de/memberdata/4pfoetchen/Cube.gif" />

Ich hoffe sehr, daß mir jemand weiterhelfen kann und bedanke mich schon mal ganz herzlich.

Viele Grüße

Monika

#2

Hallo ,
gar nicht.

Komm einfach weg von dem Denken das es nur ein Bildschirm auf der Welt gibt und eine Auflösung.

Je nach Ausgabegerät sieht das immer anders aus .

Die einzige Möglichkeit sowas zu machen wäre es in verschiedenen Auflösungen anzubieten und entsprechend auszugeben .

Du kannst nur das Bild deiner Webseite anpassen . Wenn aber deine Webseite so aufgebaut ist das sie sich dem Viewport (Browserfenster) anpasst, dann sieht man entweder nicht das ganze Bild oder es wiederholt sich oder es ist breiter als die Ansicht.

Das Problem gab es schon immer und wird es auch immer geben .

Wenn dann müsste man das ganze als Bild hinterlegen und das Bild sich anpassen lassen . Aber das ist hohe Kunst das praktikabel einzubinden .

Leg einfach vorher fest für welche Fenstergrösse es optimal ist , oder wähle entsprechend den Hintergrund praktikabel , so da es auch noch aussieht wenn irgendwas in irgendeine Richtung expandiert .

#3

Hallo,

vielleicht hilft dir CSS3 und background-size weiter. Schau dir mal Cover oder Contain an
http://www.w3schools.com/cssref/css3_pr_background-s…

Grüße
Andreas

#4

Hallo Monika,

mit CSS und zwar folgendermaßen:

#Beispiel1

{
background:url(book.png);
background-size:80px;
-moz-background-size:80px;
background-repeat:no-repeat;
}

Hier kommt der Inhalt,
in dem Sie das Hintergrundbild
anzeigen wollen.

Bis dann.

#5

Hallo.

mit CSS und zwar folgendermaßen:

Ist zwar Off-Topic, aber:
Ungeachtet des Wahrheitsgehaltes in dem Posting frage ich mich, was die verlinkte Webseite mit dem Kürzel CSS zu tun hat bzw. ob man glaubt, mit solcherlei bezugsloser Anti-Werbung auch noch Kunden binden zu können?

Wer die Außendarstellung von Kunden analysieren und optimieren will, sollte das Wort (schon im ersten, einleitenden Satz) auch richtig schreiben können.

(Wo sind die Mods, wenn man sie mal braucht.)

Gruß
Anja

1 Like