HTML: Hintergrundbild maximieren

[Lateralus]

Hey

Ich habe ein kleines HTML-Problem, dass folglich hier eigentlich nicht hingehört, aber trotzdem: Kann ich ein Hintergrundbild, welches mittels CSS eingebunden ist auf den Bildschirm maximieren?

Gemeint ist das, was erzeugt wird, wenn ich

Code: Select all

<img src="bla.jpg" width="100%" height="100%" alt=""/>

verwende. Wie schon durch das "/>" angedeutet, sollte die Methode XHTML 1.0 STRICT-konform sein.

Edit: Im Dokument "Cascading Style Sheets, level 2 CSS2 Specification" auf der w3.org-Webpage (http://www.w3.org/TR/REC-CSS2/colors.html) ist nichts zu finden, google gibt auch nur Problemfälle her, in denen dann von Javascript etc. als Workaround geredet wird. Aber aus welchem Grund sollte diese Eigenschaft nicht implementiert worden sein???

Edit 2: Ein arbeiten mit Tabellen ergibt ebenfalls nicht den gewünschten Effekt.

[xp-ist-super]

so wie du es machst geht es doch.
getestet mit mozilla, konqi, opera.
mit dem ie bekommst du mit css2 probleme weil der das nicht kann, zumindest nicht richtig.
ausserdem kommt der / (slash) immer mit einem leerzeichen.
<img src="bla.jpg" width="100%" height="100%" alt=""/>
<img src="bla.jpg" width="100%" height="100%" alt="" />
dann stimmt es auch.

[Lateralus]

Ja stimmt. So geht es. Aber so ist es kein Hintergrundbild und darauf lag die unausgesprochene Betonung.

[Hupferl]

Ein Hintergrundbild macht man mit
BODY { background-image: url("bild.jpg") }
bzw. im body tag mit style=" ...............
Deine Frage hätte lauten müssen, wie macht man ein Hintergrundbild.
So geht es aber. In Tabellen kannst du auch Hintergründe definieren, für jede Zelle sogar wenn es sein muss.
Such mal nach SelfHTML im Net und les das mal durch, sehr gute Lektüre.

[Lateralus]

Entschuldigt bitte, aber hat jemand meine Frage gelesen?

Ich habe ein kleines HTML-Problem, dass folglich hier eigentlich nicht hingehört, aber trotzdem: Kann ich ein Hintergrundbild, welches mittels CSS eingebunden ist auf den Bildschirm maximieren?

[Leander Hanwald]

@Lateralus: Also ich hab keine echte Lösung, was du machen könntest wäre es, wenn du fertige Hintergründe für verschiedene Auflösungen fertig machst, und dann per JavaScript einen Wechsel durchführst. Das wäre den Standards konform, weil es mit denen nichts zu tun hat

Zwar sagst du selbst das ist nicht dein traum, aber eines musst du wohl doch noch wissen: CSS ist nicht perfekt und die Browser sind noch voller Bugs und Lücken, und vieles sinnvolles fehlt in CSS noch komplett.
Daher halte ich es durchaus für möglich, das es wirklich nicht geht.

[Lateralus]

@Leander Hanwald

Danke für die Mühe. Javaskript ist mir aber doch sehr zuwieder (wohl schlimme Schulerfahrung ). Man kann damit soviel Scheiß machen... ist abartig. Ich will nichts erstellen, was Javaskript erfordert.

Thx anyway.

[Allo]

hm...was du willst ist vllt ein großes bild, und css eigenschaft "fixed".


Allo

[Lateralus]

@Allo

Ja - Beinah. Das Problem ist, dass das Bild nicht mehr ganz angezeigt wird, sobald ich nur ein kleines Fenster statt Vollbild habe - von anderen Bildschirmauflösungen mal ganz zu schweigen!

[Allo]

es soll also mit skaliert werden?

hm...
mach ein <img> mit wdth und height 100% und z-layer(oder wie das heißt) niedrigste Ebene.
geht zwar nur mit CSS, und sieht sonst nicht so toll aus, aber es geht.

Wenn dus am Anfang machst, und als Größe 1x1 eingibst, und erst mit CSS das 100%x100% festlegst, hast du eine gute Chance, dass man es ohne CSS nicht(störend) sieht.


Allo