Veröffentlicht 25. Januar 200718 j Moin, ich versuche, eine Seite zu basteln, die ein Hinterdgrundbild an dessen Seitenende einbindet. Es ist ein Bild, das von unten nach oben "sanft" von einem dunklen in einen helleren blau-Ton wechselt oben und mit der Hintergrundfarbe der Seite nahtlos abschließt. Das Porblem ist nun, dass ich das Hintergrundbild nicht dazu überredet bekommen, sich IMMER, egal wie groß oder klein die Seite ist, am Seitenende, und mit dem Browserfenster bündig abschließend, am Boden einzuordnen. Ich kriege es nur an den Boden der Seite an sich. Die Seite ist "kürzer" als das Browserfenster und daher lugt die Hintergrundfarbe unter dem Bild hervor. Ich "mal" das mal auf, hoffentlich erkennt man was... _________________________________ Browsertitelleiste _________________________[-][O][X] | | | | |Hintergrundfarbe (Seite) |hellblau (Bild) |mittelblau (Bild) |dunkelblau (Bild) |hintergrundfarbe (Seite) |________________________________ Hoffentlich versteht das einer :beagolisc Das untere "hitnergrundfarbe (Seite)" ist unerwünscht. Dort soll sich das Bild platzieren. Gibts eine CSS oder HTML Eigenschaft oder Anweisung , die bei einer Seite, die kleiner als das Browserfenster ist, den ungenutzten Platz ausfüllt, und damit das Bild an den unteren Rand zwingt? Versucht hab ich schon span, div, table und andere abenteuerliche Sachen, aber nichts hat geholfen. Vielleicht hab ich einfach nur was falsch gemacht Danke im Voraus
25. Januar 200718 j dvielleicht die seite größer machen? alles in nen div und style="height:100%" keine ahnung, ob das geht.
25. Januar 200718 j dvielleicht die seite größer machen? alles in nen div und style="height:100%" Es gibt kein height: 100% Ich würde folgendes machen (ohne es selbst getestet zu haben): <body style="background-image: url(bla/bla.jpg); background-repeat: no-repeat; background-position: bottom; background-color: #FF0000;"> ... </body>
25. Januar 200718 j KLappt leider nicht. (Auch nicht, wenn ich versuche, das in der entsprechenden CSS-Datein einzusetzen). Andere Ideen?
26. Januar 200718 j KLappt leider nicht. Natürlich klappt das: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>BG-Test</title> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> </head> <body style="background-color: #FFFFFF; background-image: url(irgend/was.gif); background-repeat: no-repeat; background-position: bottom right;"> <div style="height: 500px;">Bla</div><div>Blubb</div> </body> </html> (ohne das right ist das Bild in der Mitte unten) Seitenende != Browserende (siehe height: 100%). Nur im IE (7 hier) ist das Bild auch im Browser ganz unten. Opera und FF machen es aber "richtig" und es ist am Seitenende (Ende des Inhalts).
26. Januar 200718 j Hab grade bei einer anderen Seite sowas gesehen. Da war es wie bei mir, nur background-attachment:fixed; noch dabei... Hab es jetzt nicht probiert und nur kurz geschaut... EDIT: Ach ja, im FF immer unten im Browser.... (hab nich auf den Rest vom Quelltext geachtet)
30. Januar 200718 j Natürlich klappt das: Nö, tuts nicht Erst mit background-attachment:fixed; gehts... Danke für deine Hilfe:)
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.