Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

Hintergrundbild und Auflösung

Hallo Leute,

ich hätte mal eine Frage.
Zu den Hintergrundbildern, besonders mit "Rahmen" (oder auch andersfarbige Abgrenzung) links und rechts fällt mir ein, dass die Webseiten, auf denen sie eingesetzt werden, doch recht verschieden aussehen müssen, wenn jemand eine andere Bildschirmauflösung benutzt als z. b. ich selber.

Z. B. benutze ich 1024x768 und habe alle Texte per Tabellen an 800x600 angepaßt, so dass ich nun links und rechts freie Spalten/Platz habe; und wenn jemand jetzt meine Seite mit 800x600 oder auch 1168xsowieso sieht, gibt es doch unschöne Effekte, wie z. B. der "Rahmen" des Hintergrundbildes fällt ins Text und dergleichen.

Wie kann man das verhindern oder überhaupt testen? Reicht es dafür, wenn man die Auflösung des eigenen Monitors verändert? Mir wäre es lieber, wenn ich das online testen könnte, denn andere User haben ja möglicherweise einen anderen Monitor als ich.

Vergleichbar ist Eure eigene Seite hier, da ist links und rechts ein freier "Rahmen", also freier Platz wo kein Text steht (abgesehen von ganz oben halt). Angenommen, man möchte da jetzt noch andere Farben/Bilder verwenden (aber nicht als Frame, sondern als ein einheitliches Hintergrundbild über die ganze Seite hinweg), das würde bei anderen Auflösungen doch ganz anders aussehen, oder. Wie kann man das verhindern?

Die Angabe in Prozent und nicht als feststehende Pixelgröße ist eigentlich nicht die 1a-Lösung.

Ich hoffe, ihr konntet verstehen, was ich meine!

Schöne Grüße von Frager :-)!


Antworten zu Hintergrundbild und Auflösung:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi, naja, weiß net ob ich das jetzt so richtig verstanden habe. Aber die Seite hier ist mit Tabellen programmiert, nix Frames. Und Du willst jetzt praktisch ein Hintergrundbild einfügen, was bei einer Auflösung von 800x600 den ganzen Bildschirm einnimmt!? Und bei einer größeren Auflösung würde ja das Bild wiederholt werden, stimmts!?

Oder hab ich das falsch verstanden?

Mario 8)

Fast! Das Hintergrundbild geht über die ganze Seite (also auch "hinter der Tabelle" wie hier) und soll bei allen Auflösungen gleich aussehen, von den Relationen her, z. B. Abstand zur Tabelle und zum Text.

Schau mal deine eigene Page an http://www.mafli.net/index.php3

Da hast du links und rechts einen breiten Rand. Jedenfalls bei 17"-Monitor und 1024x768.....
Diesen Rand will ich vom Rest farblich/bildlich absetzen. Aber bei 800x600 und 1178xblabla und höher stimmen die Relationen nicht mehr.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Naja, aber wenn wer ne Auflösung von 800x600 hat, dann ist rechts und links nix mehr mit Rand, dann ist nur die Tabelle zu sehen (also wenn wir mal von computerhilfen.de hier ausgehen)
Du kanst Dir aber z.Bsp.mal angucken, was man mit CSS wie formatieren kann (Wasserzeichen, Wiederholung,...)

http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm

Vielleicht ist das dabei was Du suchst? background-image + background-repeat?

Mario 8)

edit:
Ja, weil Du meine Seite ansprichst, die ist wie hier für 800x600 ausgelegt, d.h. bei der Auflösung füllt sie denn gesamten Bildschirm aus. Wenn die Auflösung größer wird, bleibt die Tabelle 800 Pixel breit in der Mitte, und die restlichen Pixel z.B. bei einer 1024er Auflösung werden zum Rand, und wenn Du noch ne höhere Auflösung hast wird der Rand immer größer, aber die Tabelle bleibt immer 800px breit.

« Letzte Änderung: 09.03.04, 23:09:47 von Mario »
edit:
Ja, weil Du meine Seite ansprichst, die ist wie hier für 800x600 ausgelegt, d.h. bei der Auflösung füllt sie denn gesamten Bildschirm aus. Wenn die Auflösung größer wird, bleibt die Tabelle 800 Pixel breit in der Mitte, und die restlichen Pixel z.B. bei einer 1024er Auflösung werden zum Rand, und wenn Du noch ne höhere Auflösung hast wird der Rand immer größer, aber die Tabelle bleibt immer 800px breit.

Ganz genau! Jetzt kommt der Hintergrund ins Spiel....Der Rand wird immer größer, aber der Hintergrund (die farblichen Ränder) immer kleiner, der Abstand zur Tabelle stimmt nicht mehr.
Ich lade morgen mal ne Datei hoch, dann weißt du besser, was ich meine.

Gute Nacht  :) und Gruß Frager

So hab mal ne Datei hochgeladen mit dem Bild. Auf meinem Monitor sieht das nun perfekt aus, die Frage ist halt nur, was passiert, wenn man es mit anderen Monitoren/Auflösungen betrachtet.

http://home.arcor.de/wollowolli/beispiel1.htm

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Die Hintergrundfarbe kommt mir so bekannt vor ;-)

Lass erstmal das Bild im Hintergrund weg, mach nur eine feste Farbe. Und dann weisst du der Tabelle mit dem Text eine feste Breite zu, setzt sie mittig, hast ja schon gemacht.

Jetzt brauchst nur noch der Text-Tabelle oder der Text-zelle eine Hintergrundfarbe zuweisen, dann ist dies vom Hintergrunmd getrennt.

entweder mit

<table bgcolor=white>

oder

<td bgcolor=white>

oder <table style="background-color: white;">


Ist das das was du meinst?

Nee falsch  ;D ! Aber erstmal: Ihr hier habt schon ne andere Farbe  ;).

Ich will den Hintergrund so haben, wie er jetzt in der Bspdatei ist, nicht anders. Wenn der Hintergrund einheitlich eine Farbe hat, ist es klar, dass sie überall gleich angezeigt wird. Das ist keine Kunst.

Die Tabelle will ich auch gar nicht mit eigenem Hintergrund belegen, das ist schon richtig so. Eine feste Breite hat sie auch.

Es geht nur um die Ränder des Hintergrundbildes, sie sollen bei jeder Auflösung dort bleiben wo sie jetzt sind, der Abstand zur Tabelle auch.

Aber ich merk schon, das funktioniert irgendwie so nicht, trotz aller Tricks und Befehle.....

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Achso, ich glaube zu meinen zu denken, was Du willst... ;D;D

Dann musst Du aber noch eine Tabelle um die Tabelle mit dem Text drumherum erstellen, in die kannste dann das Bild einfügen, und die Tabelle so breit machen, wie Du meinst, das es so perfekt ist. Dann ist in jeder Auflösung die Tabelle mit dem Text gleich, und der Abstand links und recht beim Bild bleibt auch immer gleich, allerdings bekommst Du jetzt bei ganz großen Auflösungen noch einen Zusatzrand, links und rechts. Den kannste dann noch einfarbig färben, den musste aber in Kauf nehmen, wenn Du egal bei welcher Auflösung die Bildränder immer gleich breit haben willst.
Wenn das mit dem Bild auch auf einer 800x600 Auflösung zu sehen sein soll, musste halt die äußere Tabelle mit dem Bild 800px breit machen, und die innere Tabelle mit dem Text entsprechend schmaler.

Mario 8)

Oha  :o, ich glaube der Mario hat einen ziemlich guten Ansatz gefunden. Die Sache mit der zweiten Tabelle scheint mir recht passabel zu sein, auf die Idee bin ich noch nicht gekommen. Ich werde das bei Gelegenheit mal wirklich ausprobieren, weiß aber noch nicht, ob ich das heute schon schaffe, weil das ja doch wieder etwas Bastelarbeit ist  >:( Ja mei...

Eine Nachfrage (auch zur Klarstellung) hätte ich noch:

Also bei 800x600 reicht es, wenn dieser User nur den Text und die Tabelle sieht, eigentlich kann und muss der dann keinen Rand haben. Selber schuld, wenn er mehr sehen will und keine größere Auflösung nimmt  ;D. 17-Zöller sind nicht mehr sooo teuer.

Jetzt kommt das wichtigere. Bei einer höheren Auflösung als meiner 1024x768 will ich diesen Zusatzrand vermeiden. D. h. ich müsste meinen dunklen Sternenrand quasi so verbreitern, dass der Zusatzrand auch bei höheren Auflösungen nicht mehr zu sehen ist, aber bei 1024... so aussieht wie jetzt. Das müsste klappen, oder......

Ich müsste die Tabelle nur auf weiß ich 1500 Pixel stellen oder so und dann experimentieren, wie breit mein Sternenrand sein muss. Dann dürften auch die Großauflöser keinen Zusatzrand sehen  ???

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
So hab mal ne Datei hochgeladen mit dem Bild. Auf meinem Monitor sieht das nun perfekt aus, die Frage ist halt nur, was passiert, wenn man es mit anderen Monitoren/Auflösungen betrachtet.

http://home.arcor.de/wollowolli/beispiel1.htm

  • hab mir mal die Seite angesehen, auch den Quelltext
  • du hast die Tabelle fix mit w=800 definiert, weil du es bei 1024x768 so willst - O.K.
  • soll sich die Anzeige im Verhältnis zur Auflösung immer gleich verhalten, z.B. 640x400 - 800x600 - 1280x960 optisch gleich darstellen, solltest du es mit PROZENTANGABE probieren :
  • widh="78%"


« OnlineshopDreamweaver Mx »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Hypertext
Hypertext ( zu Deutsch: Übertext) ein ein von dem Informatiker Theodore L. Nelson in den sechziger Jahren geprägter Begriff für Text, der dreidimensional g...

Textur
Unter einer Textur versteht man eine Oberflächenstrukur, die ein bestimmtes Material simuliert, wie Holz, Tapete oder Metall. Bei der 3D-Computeranimation bezeichnet...

Mainframe
Große Computer, wie sie in Rechenzentren zum Einsatz kommen, und die über Terminals Tausende von Anwender bedienen. Siehe auch Super-Computer...