PieDie Geschrieben 25. Januar 2007 Geschrieben 25. Januar 2007 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
dennisderweber Geschrieben 25. Januar 2007 Geschrieben 25. Januar 2007 dvielleicht die seite größer machen? alles in nen div und style="height:100%" keine ahnung, ob das geht.
geloescht_JesterDay Geschrieben 25. Januar 2007 Geschrieben 25. Januar 2007 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>
PieDie Geschrieben 25. Januar 2007 Autor Geschrieben 25. Januar 2007 KLappt leider nicht. (Auch nicht, wenn ich versuche, das in der entsprechenden CSS-Datein einzusetzen). Andere Ideen?
geloescht_JesterDay Geschrieben 26. Januar 2007 Geschrieben 26. Januar 2007 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).
geloescht_JesterDay Geschrieben 26. Januar 2007 Geschrieben 26. Januar 2007 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)
PieDie Geschrieben 30. Januar 2007 Autor Geschrieben 30. Januar 2007 Natürlich klappt das: Nö, tuts nicht Erst mit background-attachment:fixed; gehts... Danke für deine Hilfe:)
Empfohlene Beiträge
Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren
Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können
Benutzerkonto erstellen
Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!
Neues Benutzerkonto erstellenAnmelden
Du hast bereits ein Benutzerkonto? Melde Dich hier an.
Jetzt anmelden