Mit NVU das Hintergrundbild dynamisch machen?

Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Mit NVU das Hintergrundbild dynamisch machen?

Thomas201 am 04.08.2005, 00:35 / 6 Antworten / Baumansicht

Ich arbeite mit NVU und habe dort ein Hintergrundbild gewählt, welches ich genau so angepasst habe, dass im Internet Explorer das ganze Bild ausgefüllt wird. Im Firefox jedoch, ist das Bild irgendwie kleiner und beginnt am Ende wieder von vorn, was sehr unschön aussieht.

Gibt es keine Möglichkeit, ein Hintergrundbild so einzubinden, dass es beim Laden automatisch an die Fenstergrösse des jeweiligen Browsers angepasst wird? Am besten noch so, dass die Links (Text) der über dem Hintergrundbild liegt, ebenfalls an die proportional richtige Stelle gerückt wird...

Bin absoluter Anfänger... würde mich freuen, wenn jemand helfen könnte.

Plazebo

Thomas201 „Mit NVU das Hintergrundbild dynamisch machen?“

04.08.2005, 01:35 Optionen

Ich arbeite mit NVU und habe dort ein Hintergrundbild gewählt, welches ich genau so angepasst habe, dass im Internet Explorer das ganze Bild ausgefüllt wird.

Wenn man mich fragt, ist das eine dumme Idee und damit stehe ich sicherlich nicht allein da.

Im Firefox jedoch, ist das Bild irgendwie kleiner und beginnt am Ende wieder von vorn, was sehr unschön aussieht.

Da wären wir schon beim ersten Problem. Das andere Problem ist, dass ein Hintergrundbild durch die Verkleinerung an Qualität verliert und bei Vergrößerung erst recht (Interpolation).

Gibt es keine Möglichkeit, ein Hintergrundbild so einzubinden, dass es beim Laden automatisch an die Fenstergrösse des jeweiligen Browsers angepasst wird?

Mit CSS gibt es keine (zufriedenstellende) Möglichkeit hierfür.

Am besten noch so, dass die Links (Text) der über dem Hintergrundbild liegt, ebenfalls an die proportional richtige Stelle gerückt wird...

Das sind zweierlei Dinge. Die Platzierung der Links hat nichts mit dem Hintergrundbild zu tun.

Fazit: Idee vergessen.

Thomas201

Plazebo „ Wenn man mich fragt, ist das eine dumme Idee und damit stehe ich sicherlich...“

04.08.2005, 18:30 Optionen

Okay, dann frage ich mich, wie es dann möglich wäre, das so zu machen, damit es funktioniert. Oder ist es einfach prinzipiell unmöglich und dumm, ein Hintergrundbild zu wählen?

Plazebo

Thomas201 „Okay, dann frage ich mich, wie es dann möglich wäre, das so zu machen, damit...“

05.08.2005, 18:19 Optionen

<body style="margin: 0;">

...

<div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0;">
<img src="hintergrundbild.jpg" style="width: 100%; height: 100%; margin: 0;">
</div>

<div style="position: relative; z-index:1;">
Irgendein Text im Vordergrund.
</div>

Und ja, ein skalierbares Hintergrundbild sieht meistens bescheiden aus. Außerdem sind die ständig wechselnden Kontraste von Hintergrundbild und Schrift schlecht für die Lesbarkeit.

Thomas201

Plazebo „ ... Irgendein Text im Vordergrund. Und ja, ein skalierbares Hintergrundbild...“

07.08.2005, 01:13 Optionen

Danke für den Tip. Aber jetzt hat es im IE unten einen Teil abgeschnitten. Das Bild wird jetzt zwar angepasst je nach Auflösung, aber eben leicht abgeschnitten und dann gibt es auf der Seite einen Scroll-Balken. Ausserdem besteht das Problem im Firefox weiter, dass am Rand das Bild einfach noch einmal beginnt, weil es im Firefox keinen Scroll-Balken hat.

2. Problem: Der Text als Link, den ich vorher praktisch über dem Bild hatte, ist verschwunden und im NVU weiss ich nicht, wie man Text (als Link) überlagernd über das Bild plazieren kann.

Plazebo

Thomas201 „Danke für den Tip. Aber jetzt hat es im IE unten einen Teil abgeschnitten. Das...“

08.08.2005, 14:44 Optionen

Mit Konqueror, Firefox/Mozilla und Opera geht es auf jeden Fall, beim IE mit Scrollbalken. Aber ich habe ja gesagt, dass es keine vernünftige Lösung dafür gibt.

xafford

Thomas201 „Mit NVU das Hintergrundbild dynamisch machen?“

04.08.2005, 07:54 Optionen

Die einzige Möglichkeit besteht über JavaScript und ist somit auch davon abhängig, ob JavaScript aktiviert ist. Weder der offizielle HTML- noch der CSS-Standard kennen prozentuale Angaben für Bildgrößen.