[smiley.sturmwind]

Ich weiss nicht mehr weiter. Kann mir jemand einen Tipp geben?

Beispielseite unter http://www.codes4wii.de/page.html zu finden.

Eigentlich möchte ich
1) das der blau/cyanfarben Balken am oberen Rand sitzt 96 px hoch ist (das klappt).
2) der text im blauen div unten bündig ist.
3) das der lila Balken am unteren Rand sitzt 24 px hoch ist und der Text vertikal zentriert ist.
4) der graue Bereich (SEITE MITTE) den Rest der Höhe füllt, die beiden ockerfaerbenen DIV links und rechts davon natürlich auch.

Wenn der Inhalt zu gross wird, soll sich der graue Bereich (SEITE MITTE) ausdehnen und wenn nötig den lila Balken auch nach unten verschieben, so das man ihn nicht mehr sieht.

Und das ganze ohne Tabellen.

Ich habe inzwischen soviele Versionen, auch aus anderen Threads in diesem Forum durchforstet, aber keine Lösung gefunden.

Danke für eure Hilfe.
Smiley

[Kash]

Ich will:

- für solche Arbeiten eigentl bezahlt werden
- das Eigeninitiative GROSS geschrieben wird
- ich will ich will ich will......



stichpunkte suche:
- sticky footer, fauxc columns

[smiley.sturmwind]

Bin auch für Eigeninitiative suche jetzt seit 2 Tagen nach der Lösung und habe sehr sehr viel versucht ich kann auch gerne alle Varianten posten. Im Kern sind es zwei Fragen:

1) Warum ist der graue Bereich nur soch hoch wie der Inhalt, wo doch eigentlich 100% de Elternelements definiert sind.
2) Was muß ich tun um Text in einem DIV Layer am untern Rand zu plazieren? Sollte nicht eigentlich bei fester Höhe ein vertical-align:bottom ausreichen?

Smiley

[accessoire]

Bezüglich dem Text im blauen div unten bündig: Meines Wissens nach kann man Elementen deine display-Art zuweisen, die einer Tabelle entspricht. Also "display:column" oder so. Dann müsste vertical-align glaube ich funktionieren.

Auch noch ne Quelle für vertikale Zentrierung (meiner Meinung nach die Beste/verständlichste): http://d-graff.de/fricca/center.html

[choise]

wenn deine eigeninitative so groß ist, dann schau doch mal da:
Ähnliche Themen nennt sich das und steht unter deinem Thread
|
|
|
V

[pixelpapst303]

[smiley.sturmwind]

Hallo choise,

was da unten steht habe ich alles ausprobiert, ohne ergebnis ... deswegen poste ich ja!

Smiley

[smiley.sturmwind]

Danke pixelpapst303,

das Problem Text unten in blauer Box ist jetzt gelöst. Danke!
Siehe http://www.codes4wii.de/page1.html

Außerdem habe ich height: auto !important; in div site auskommentiert. Sieht schon ziemlich gut aus, bis auf ein Kleinigkeit DIV#site ist jetzt tatsächlich immer 100% des Browserfenster auch und damit auch die Lininen rechts und links und wenn der Inhalt jetzt größer wird (bitte scrollen) dann fehlen unten diese Lininen. Hast du dafür auch noch einen genialen Tipp?

Danke
Smiley