Hintergrundbild und Auflösung

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

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.

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

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.

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.

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

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   ! 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.....

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

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

Oha  , 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  . 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  ???

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%"