WCM Forum - W3C CSS footer

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - W3C CSS footer (http://www.wcm.at/forum/showthread.php?t=144039)

void	06.09.2004 18:36

W3C CSS footer

hallo!

wie bekomme ich einen verd****** footer (div-bereich) auch ans ende der seite?!? also nicht ans text-ende, sondern ans ende der angezeigten seite...

Code:

<div id="content">

     ich bin der inhalt

</div>

<div id="footer">

     ich stehe immer am ende der seite

</div>

wäre sehr dankbar...

mfg void

snowman

06.09.2004 20:14

ist kein triviales Problem und nicht wirklich gelöst. Aber es gibt Ansätze: http://www.positioniseverything.net/ unter: Layout demos

gruss,
snowman

void	06.09.2004 20:57

super, und ich ärger mich schon die ganze zeit rum *lol*

trotzdem danke...

weißt du zufällig ab es irgendeine möglichkeit gibt, werte so anzugeben:

Code:

<div style="height:100%-50px;">

müsste doch rein theoretisch funktionieren, aber eben nur theoretisch, oder?

mfg

3of4	07.09.2004 00:48

wie funzt es jetzt?
weil deine version hab ich auch mal versucht...

void	07.09.2004 10:49

also bis jetzt hab ich noch keine (ideale) lösung gefunden.

ich positioniere den footer einfach ans ende der seite, sprich ist der seiteninhalt kleiner als das browserfenster, ist der footer halt leider nicht ganz am ende...

falls irgendwer eine lösung hat, bitte melden.

mfg, void

snowman

07.09.2004 18:52

Zitat:

Original geschrieben von void
weißt du zufällig ab es irgendeine möglichkeit gibt, werte so anzugeben:

Code:

<div style="height:100%-50px;">

müsste doch rein theoretisch funktionieren, aber eben nur theoretisch, oder?

keine Ahnung, hab ich noch nie probiert; funkts bei dir?

gruss,
snowman

void	07.09.2004 21:08

nein, leider nicht...

:confused: :mad2:

3of4	07.09.2004 21:38

schade, hatte gehofft ihr bringt diese version noch irgendwie zum laufen...

aber schaut euch mal das hier an, ich bin halt auf diesen code ausgewichen

Code:

<div style="position:absolute; bottom:50px;">asdf</div>

void	07.09.2004 22:58

Zitat:

Original geschrieben von 3of4
schade, hatte gehofft ihr bringt diese version noch irgendwie zum laufen...

aber schaut euch mal das hier an, ich bin halt auf diesen code ausgewichen

Code:

<div style="position:absolute; bottom:50px;">asdf</div>

ja, das ist eh eine ev. auch akzeptable lösung...
der nachteil ist halt, wennst du das fenster kleiner als deinen inhalt machst, dann ist der bottom zwar unten, aber über deinem eigentlichen inhalt.
oder wenn du dich mit minimieren/maximieren spielst, hast du den footer mittendrinn und kannst ihn dann sogar mitscrollen :-/

3of4	07.09.2004 23:03

wenn man die größe allzu toll verändert kann man bei jeder website einen blödsinn erzeugen...

jak	08.09.2004 00:56

Die meisten auf Tabellen basierten Seiten sehen auch bei wilden Größenänderungen noch gut aus.

Die Positionierung mit CSS ist noch immer nicht perfekt gelöst. Ideal wäre es, wenn man Tabellen in CSS definieren könnte. Die würden dann nicht den eigentlichen Inhalt verunstalten, gleichzeitig bleiben die Vorteile erhalten (intuitive Positionierung, ausgereift).
Bin im Moment gerade dabei eine Homepage zu schreiben. Wegen der Probleme mit der Positionierung verwend ich noch Blindtabellen fürs Layout.

Jak

void	08.09.2004 11:58

Zitat:

Original geschrieben von jak
Ideal wäre es, wenn man Tabellen in CSS definieren könnte.

das geht!!!

(weiß aber jetzt grad keinen link, schau aber)

snowman

08.09.2004 14:24

Tabellen in CSS definieren? Was soll das sein? Und wie es geht würde mich noch brennender interessieren? ;-)

gruss,
snowman

void	08.09.2004 15:52

Zitat:

Original geschrieben von snowman
Tabellen in CSS definieren? Was soll das sein? Und wie es geht würde mich noch brennender interessieren? ;-)

gruss,
snowman

heut abend schau ich nach, okay? muss jetzt mal nach hause fahren... ;-)

void	09.09.2004 11:39

sorry, hab endlich den link gefunden:
http://www.hadiko.de/mirrors/selfhtm...ng.htm#display

void	09.09.2004 21:46

Zitat:

Original geschrieben von void
super, und ich ärger mich schon die ganze zeit rum *lol*

trotzdem danke...

weißt du zufällig ab es irgendeine möglichkeit gibt, werte so anzugeben:

Code:

<div style="height:100%-50px;">

müsste doch rein theoretisch funktionieren, aber eben nur theoretisch, oder?

mfg

funktioniert mittels javascript, welches man direkt in der css angabe reinschreibt

Code:

<div style="height:expression(document.body.clientWidth-50)">

3of4	09.09.2004 22:49

Zitat:

Original geschrieben von void
funktioniert mittels javascript, welches man direkt in der css angabe reinschreibt

Code:

<div style="height:expression(document.body.clientWidth-50)">

überschreibt aber wie bei der bottom-version den darüberstehenden inhalt...

snowman

09.09.2004 23:22

Zitat:

Original geschrieben von void
sorry, hab endlich den link gefunden:
http://www.hadiko.de/mirrors/selfhtm...ng.htm#display

wußte ich nicht. bringt aber nichts; behebt nicht die Probleme, die CSS Formatierung teilweise bestehen.

gruss,
snowman

jak	10.09.2004 19:04

Und wie zum Bewis der Probleme mit CSS:
Die selbe Seite, einmal mit Mozilla 5.0, einmal mit IE 6.0

(siehe Attachment)

Jak

3of4	10.09.2004 19:21

kannst du mal den code dazu posten?
ich würd gern mal sehen wer hier falsch interpretiert (oder wie ich es zeichnen würde)

snowman

10.09.2004 20:34

Schau dir doch einfach den Link von void an.

gruss,
snowman

Alle Zeitangaben in WEZ +2. Es ist jetzt 23:17 Uhr.