ein Bild ganz unten ausrichten...
pascal
- grafik
hallo!!
also, ich möchte ein Bild ganz unten ausrichten. Es geht darum, dass ich ein Bild "auseinandergeschnitten" habe und das nun per 2 frames wieder zusammensetzen möchte. Nun hab ich das Problem, dass Netscape im < table> -tag das "height=100%" nicht akzeptiert, d.h. dass das Bild je nach Textmenge/Fenstergrösse ausgerichtet wird, anstatt immer unten. im IE für Mac funktioniert es so wunderbar, mit IE für Win gibt's trotzdem noch einen dünnen Hintergrundfarbe-Streifen unter dem Bild und im NN/mozilla klappt's überhaupt nicht.
kann mir jemand eine todsichere Methode vorschlagen, wie ich das hinkriege?
(margin für frame ist 0, unter dem Bild kommt nichts mehr hin, dient als Hintergrundbild, da es aber nicht überschrieben werden muss kann es auch als normales Bild verwendet werden, mit oder ohne "table", wer lust hat kann sich das unter http://www.hillrippers.ch.vu ansehen, es geht um das Schneebild in den beiden frames links und rechts; die müssten bündig zum Bild im unteren frame ausgerichtet sein...)
Danke schonmal!!
grüsse - pascal
Hi, Pascal
ich möchte ein Bild ganz unten ausrichten.
Nicht nur padding im BODY sollte wenigstens unten 0px sein, sondern auch 'margin' beim Bild.
kann mir jemand eine todsichere Methode vorschlagen?
<img ... style="margin:0px;"">
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
Dieses
Nicht nur padding im BODY sollte wenigstens unten 0px sein, sondern auch 'margin' beim Bild.
<img ... style="margin:0px;"">
würde also den dünnen streifen unter dem Bild beseitigen. Danke.
wie schaff ich's nun aber, dass das Bild IMMER unten ausgerichtet wird, egal wieviel text oben steht oder wie gross das Browserfenster ist?? hab's damit versucht:
< style type="text/css">
#snow { background-image:url(left.jpg); background-repeat:no-repeat; background-position:bottom; }
< /style>
das klappt aber (noch??) nicht so ganz...
Hi,
wie schaff ich's nun aber, dass das Bild IMMER unten ausgerichtet wird, egal wieviel text oben steht oder wie gross das Browserfenster ist??
#snow {
background-image: url(left.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-attachment: fixed;
}
sollte eigentlich reichen, siehe auch http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_position
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
#snow {
background-image: url(left.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-attachment: fixed;
}
sollte eigentlich reichen, siehe auch http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_position
tja, das problem damit ist, dass nur der Bereich das Hintergrundbild erhält, in welchem auch was vorhanden ist, d.h. dass wenn meine Tabelle (die oben ausgerichtet ist) nur bis zur mitte des frames reicht, auch das Hintergrundbild nur bis zur Mitte reicht, anstatt ganz unten am framerand anzuliegen...
kann ich nicht irgendwie die Tabelle so gestalten, dass sie IMMER die ganze höhe benutzt?? bloss height=100% funzt nicht...
thx anyway und grüsse
pascal
Hi,
tja, das problem damit ist, dass nur der Bereich das Hintergrundbild erhält, in welchem auch was vorhanden ist, d.h. dass wenn meine Tabelle (die oben ausgerichtet ist) nur bis zur mitte des frames reicht, auch das Hintergrundbild nur bis zur Mitte reicht, anstatt ganz unten am framerand anzuliegen...
dann definiere nicht für die Tabelle, sondern für die ganze Seite das Hintergrundbild:
body {
background-image: url(left.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-attachment: fixed;
}
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
dann definiere nicht für die Tabelle, sondern für die ganze Seite das Hintergrundbild:
body {
background-image: url(left.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-attachment: fixed;
}
LG Orlando
JAAAAAAAAAHUUUUUUUUUUUU!!!!!! DAS ist es!! hey, vielen Dank auch!!
woohooo...
pascal