CSS: Element am Boden positionieren

Beitrag von **blackm** » 03.03.2005 09:58:54

Hi,

ich habe ein kleines Problem mit CSS. Ich moechte Ein Element ganz unten auf der Seite positionieren. Mit

<div style="position:absolute; bottom:0px; right:0px;" ><img src="pics/nav_right_bottom.jpg" alt="nav_right_bottom" ></div>

funktioniert das auch einigermassen. Problem ist nur wenn auf der Seite mehr Text ist und man scrollen kann. KHTML zeigt das dann so an wie ich mir das vorstelle - das Element bleibt ganz unten stehen. Gecko zeigt das Element aber immer am untersten Rand des sichtbaren Bereichs an

Siehe http://ferris.dyndns.info/~blackm/web1/index2.html

Hat jemand sowas vielleicht schonmal gemacht und kennt da eine Loesung die mit allen Browsern geht?

by, Martin

Savar · Beitrag von **Savar** » 03.03.2005 10:18:17

?? ist nicht "position:fixed" das was du suchst?

siehe
http://de.selfhtml.org/navigation/css.h ... tionierung

Beitrag von **blackm** » 03.03.2005 10:33:41

Ne, damit funktioniert das auch in khtml nicht.

Savar · Beitrag von **Savar** » 03.03.2005 10:51:02

ich hab grad nochmal hingeschaut.. also "fixed" funktioniert mit dem firefox.. aber netscape und internet explorer interpretieren dass nicht.
"absolute" ist aber nicht das richtige, da explizit nur "fixed" beim scrollen NICHT mitscrollt.

andere Lösung wäre "vielleicht" die bilder in EIN bild umzuwandeln und anschließend als Hintergrundbild "fixed" einzubauen.. das unterstützen eigentlich alle.. hast dadurch aber eine definierte höhe und breite

Beitrag von **blackm** » 03.03.2005 23:01:09

Savar hat geschrieben:ich hab grad nochmal hingeschaut.. also "fixed" funktioniert mit dem firefox.. aber netscape und internet explorer interpretieren dass nicht.
"absolute" ist aber nicht das richtige, da explizit nur "fixed" beim scrollen NICHT mitscrollt.

Also fixed funktioniert mit allen Browsern, ist aber nicht das was ich suche. Bei fixed sind die Bilder nicht am Seitenende, sondern immer am Ende des sichtbaren Bereichs...ich will die aber am Ende der Seite haben...

andere Lösung wäre "vielleicht" die bilder in EIN bild umzuwandeln und anschließend als Hintergrundbild "fixed" einzubauen.. das unterstützen eigentlich alle.. hast dadurch aber eine definierte höhe und breite

Das mit der definierten Hoehe und breite wollte ich eigentlich vermeiden.

Ich glaube ich werd das doch - so wie am Anfang eigentlich geplant - mit einer Tabelle machen...

mastermind_the_real_one · Beitrag von **mastermind_the_real_one** » 03.03.2005 23:54:54

Du möchtest eine Fußzeile praktisch immer unten am Ende haben, egal ob der Inhaltstext lang oder kurz ist. Das geht leider mit normalen CSS-Befehlen noch nicht, weil die Browser diese unterschiedlich oder gar nicht interpretieren. Da kann man nur warten bis die Browser soweit sind... Es gibt aber Workarounds. Die einzige Möglichkeit, die mir bekannt ist und wirklich mit allen Browsern funktioniert, sind verschachtelte Divs, womit man dann bei der Div-Suppe [1] wäre. Bei allen anderen Lösungen spielt irgendein Browser nie mit

und das mit den verschachtelten Divs ist ein Gefrickel ohne Ende.

greetz
mastermind

[1] http://css.fractatulum.net/sample/suppe/div_suppe1.htm

Beitrag von **blackm** » 04.03.2005 00:39:00

Ja, ich schieb das auch mal auf die fehlerhafte CSS Implementierung in *ALLEN* Browsern.

Und ob ich dann eine div Suppe, oder ne table Suppe habe ich auch egal

Weil mit nur einer Tabelle bekommt man das natuerlich auch nicht hin (waere ja zu einfach)....Webdesign ist echt kein Job fuer mich. Die Wahrscheinlichkeit das ich n 6er im Lotto habe ich glaube ich groesser als das ich das so hinbekomme wie ich mir das vorstellt...

mastermind, hast du so eine div-Suppe parat bei der ein Element immer am Ende der Seite ist?

by, Martin

mastermind_the_real_one · Beitrag von **mastermind_the_real_one** » 04.03.2005 02:14:12

Ich hatte erwartet, dass die Frage kommt und ich mich durch meine Chaos-Linksammlung wühlen muss

Just a moment please.

Ahh, hab da was gefunden:
http://www.alistapart.com/d/footers/footer_css3.html
Beispiel 3 funktioniert in allen aktuellen Browsern (Opera, Konqui, Mozilla,FF) + IE6 (unter vmware getestet). Wenn es abwärtskompatibel sein soll, wird es aufwendiger.

Man kann mit CSS echt geile Sachen machen, wenn nur alle Browser das ordentlich unterstützen würden.Den meisten Ärger macht der sch*** IE, der zum Glück immer mehr Marktanteile verliert. Bleibt nur zu hoffen, dass der IE 7 besser wird oder die MS Jünger auf Opera, FF, Mozilla, etc umsteigen, was wohl ein Wunschtraum bleiben wird.

greetz
mastermind

ps.: Bei mir zeigt der Konqui (KDE 3.3.2 unter Sid) dein Beispiel übrigens genauso an wie alle anderen (Moz, FF, Opera).

Beitrag von **blackm** » 04.03.2005 09:33:59

Ah...mit padding-bottom wird das da gemacht. Daran hatte ich auch schon gedacht...nur ich habe wohl nicht verschachtelt genug gedacht. Danke fuer den Link.

by, Martin

mastermind_the_real_one · Beitrag von **mastermind_the_real_one** » 04.03.2005 11:19:33

Das ist noch harmlos und vertretbar. Schau dir das mal an: http://css.top-topics.com/index_pc.html
Passt zwar nicht ganz zu dem von dir gewollten, ist aber ein schönes Div-Suppenbeispiel.

greetz
mastermind

Maikel · Beitrag von **Maikel** » 04.03.2005 11:25:53

blackm hat geschrieben:Also fixed funktioniert mit allen Browsern, ist aber nicht das was ich suche. Bei fixed sind die Bilder nicht am Seitenende, sondern immer am Ende des sichtbaren Bereichs...ich will die aber am Ende der Seite haben...

Also bringt zwar die Diskussion um dein Problem nicht weiter. Ist ja eigentlich eh gelöst

Aber "fixed" funktioniert nicht mit allen browsern.
Ich hatte mal das Menu mit fixed eingebunden und im IE ist es mitgescrollt.

Beitrag von **blackm** » 07.03.2005 13:51:45

mastermind_the_real_one hat geschrieben:Ahh, hab da was gefunden:
http://www.alistapart.com/d/footers/footer_css3.html
Beispiel 3 funktioniert in allen aktuellen Browsern (Opera, Konqui, Mozilla,FF) + IE6 (unter vmware getestet). Wenn es abwärtskompatibel sein soll, wird es aufwendiger.

Mit dem IE 5 geht das nicht...

mastermind_the_real_one · Beitrag von **mastermind_the_real_one** » 07.03.2005 16:41:57

blackm hat geschrieben:Mit dem IE 5 geht das nicht...

Naja, auf den muss man ja nu wirklich keine Rücksicht mehr nehmen, da der ja steinalt ist. Reicht schon aus, dass man überhaupt auf den IE Rücksicht nimmt, weil er CSS am wenigsten unterstützt. So ein bis zwei Jahre rückwertskompatibel ist ok und durchaus sinnvoll, aber länger...

Es gibt meines Wissens nach auch keine Lösung für deinen Fall, die mit allen anderen Browsern und zusätzlich sämtlichen IE-Versionen funktioniert (die Mac-IEs verhalten sich teilweise trotz gleicher Versionsnummer anders als die Win-IEs). IE 5.x und 5.5 verhalten sich ebenfalls unterschiedlich, ist echt ein Krampf mit den IEs.

Wenn es unbedingt mit dem IE 5 funktionieren soll, wird Dir wohl nichts anderes übrigbleiben als 'ne Browserweiche einzubauen und dem IE 5 eine andere Variante anzubieten. Aber ob sich der Aufwand bei einer privaten Seite für ein steinaltes MS-Produkt lohnt...

greetz
mastermind

ps.: Welche 5er Version hast Du denn getestet? Kann das hier gerade nicht ausprobieren, da vmware-config.pl mit dem 2.6.11er Kernel nicht durchläuft und ich keine Zeit für Fehlersuche und Basteleien habe. Mal schauen ob ich demnächst nochmal Qemu ausprobiere. Beim letzten Mal konnte es mich noch nicht überzeugen. Und das alles nur für den sch*** IE.

Beitrag von **blackm** » 07.03.2005 16:56:10

Ich habe mir fuer OS X den IE bei Mirosoft geladen. Ist die Version 5.2 von April 2002 (Uuuups!).

Ich schau mal auf die Apple CDs, vielleicht ist da noch eine aktuellere Version dabei.

by, Martin

mastermind_the_real_one · Beitrag von **mastermind_the_real_one** » 07.03.2005 18:51:10

Wenn es kein offizieller Auftrag einer Firma ist, die unbedingt darauf besteht, dass die Seite mit dem IE auf einem Mac oder einer alten Win-IE-Version funktioniert, dann würde ich mir das Anpassen schenken. Der IE für den Mac wird seit 2004 nicht mehr weiterentwickelt [1] und ich schätze mal, dass viele Mac User Safari und Netscape nutzen (ist zumindest in meinem Umfeld so). Die anderen werden nach und nach auf Alternativen umsteigen, es sei denn sie sind absolute IE-Verfechter, was ich mir bei einem Mac User nicht so recht vorstellen kann.

Wenn man wirklich Rücksicht auf solch alte Versionen nimmt, dann bitte auch auf die Nestcape 4.7er und Opera 6er. Da Du das höchstwahrscheinlich nur per Weiche realisieren kannst, kannst Du für die dann auch noch entsprechende Abfragen einbauen. Von den Netscape 4.7ern sind vor allem in Unis, Schulen und öffentlichen Einrichtungen noch einige vorhanden, wobei die inzwischen immer öfer auf FF umsteigen.

greetz
mastermind

[1]

Beitrag von **blackm** » 08.03.2005 09:07:08

Auf der Apple Cd ist auch nur der IE 5.2 drauf. Ist habe aber mal auf der debianforum.de Statistik geschaut, der IE 5.x ist zusammen etwas mehr als 1 % (Interessant finde ich das der IE 4.0 aber 13,7% hat).

Werd wohl fuer alten Browser eine Infoseite einbauen, zwei Seiten zu pflegen ist mir zu aufwendig...

by, Martin