selfhtml durchgesehen -> trotzdem Frage wegen Hintergrund
-
Hallo,
wie erreiche ich es denn, dass ich ein Hintergrundbild (in meinem Falle ist es ein Farbverlauf)
1.) komplett über die ganze Bildschirmbreite ziehe und
2.) das ganze bis nach unten ziehe.. ?Ich hab jetzt verschiedene Sachen ausprobiert, aber ich hab mein "Ziel" damit leider nicht erreichen können.
Wenn ich das ganze mit
<body background="background.jpg">kann ich keine Größenangaben mehr machen...
Wenn ich es mit div's versuche
<div style="background-image:url(background1.gif); margin:0px; padding:10px">fängt das Hintergrundbild erst nach einem Abstand von 1 cm an, sowohl auf der x-, als auch auf der y-Achse. Wenn ich dann margin und padding wegnehme, habe ich überhaupt kein Hintergrundbild mehr.
Das einzige, was ich möchte ist eben einen Farbverlauf komplett über den Bildschirm ziehen und wenn mein Websiteninhalt mehr wird ich nach unten scrollen kann, ohne dass das ganze dann abbricht. Also kann ich es auch nicht als komplettes Hintergrundbild einfügen Außerdem muss es ja kompatibel für die verschiedensten Auflösungen sein.
Erstmal danke, wer sich das überhaupt alles durchliest
Tipps und Hilfestellungen wären mir hier sehr willkommen:)
-
also du willst diesen Farbverlauf nicht einfach mehrmals nebeneinander/untereinander haben, sondern gestreckt auf Bildschirmgrösse?
-
ups, hätte ich vielleicht noch sagen sollen.
Ich möchte meinen Farbverlauf mehrmals untereinander haben... über den ganzen Bildschirm eben, aber dafür muss ich ihn ja komplett (100%) auf die Breite ziehen und das ganze dann auch noch nach unten.
-
Irgendwie finde ich deine letzte Aussage recht widersprüchlich: willst du jetzt kacheln oder strecken (letzteres wird sicher nicht ganz unkompliziert)
-
Hmm, ok
also ich möchte meinen Farbverlauf (sagen wir er ist 1 Pixel hoch und 500 Pixel lang) über den ganze Bildschirm strecken und ihn dann untereinander "kacheln", dass eben der Effekt entsteht, man hätte einen Farbverlauf über den ganzen Bildschirm.
Ne Zeichnung noch:
[code]
-------------------------
| -------- --> | strecken
| |
| ↓ |
| nach unten kacheln |
| |
| |
| |
-------------------------
-
Vielleicht hilft dir dieser Thread weiter...
-
LOOL,
ich lach mich schlapp. Hätte mein Monitor Augen, hätte er gerade gesehen, wie knallrot ich geworden bin.
Sehr aufmerksam, Flenders:))
Ich denke, damit sollte ich nun klar kommen
-
Genau an den Thread hab ich auch gedacht
Und dann halt das kacheln nach unten is kein thema das steht ih selfhtml...
-
Kacheln... wieso nicht festsetzen, da das Bild jetzt über den egsamten Bildschirm geht, kann man doch das Bild sozusagen "fixieren". Ich hab das so gelöst (Auf den anderen Thread bezogen:
<body style="width:100%; height:100%; padding:0px; margin:0px;"> <div style="position:absolute; z-index:1; width:100%; height:100%;"><img src="BILD.JPG" style="width:100%; height:100%;" /></div> <div style="position:relative; z-index:2; width: 100%; height:100%; overflow: auto;"> Hier dein normaler Inhalt<br> Hier dein normaler Inhalt<br> Hier dein normaler Inhalt<br> ... </div> </body>Hinzugekommen ist das hier: overflow: auto; beim zweiten Div-Objekt, somit wird dort gescrollt, wenn der Inhalt zu weit herausragt. Nachteil dabei ist nur, dass er das Scrollrad dabei nicht beachtet.
-
Ich mein das war aber nciht bei jedem browser so.
Der IE konnt das glaube ich richtig.
-
Also ich habs mit Mozilla gemacht... und es funzt... im IE weiß ich, dass das läuft... fehlen nurnoch Opera und Netscape... alle anderen sind eigentlich egal, wenn sie es nicht darstellen können, haben die user halt pech gehabt
-
Darstellen is nciht das Problem.
Aber in Opera kannst du in Solchen Overlow_auto; regionen nur am Balken scrollen und nicht mit dem Mausrad...
-
Das meinte ich doch, dass das ein Nachteil wäre... ist bei jedem Browser so... aber wirklich stören... naja, man kann ja etwas mit Javascript basteln, ein auto-scroll einbauen, wenn du weißt, wasich meine... das läuftdann allerdings nur im IE soweit ich weiß...