[racinggoat]

folgendes Problem besteht

Ein Header soll fixiert werden und nicht mitscrollen. Dieser Header soll sich ausblenden lassen, so dass der Rest dann nach oben aufrückt.

Die 3 Boxen unter dem Header sollen sich direkt unter dem Header anschließen und bei ausblenden des Headers nach oben rücken.

Die rosa Box soll zusätzlich ebenso fixiert werden. Box "blau" und "gelb" werden länger und sollen scrollbar bleiben.

Zusammenfassung: Box "grün" und "rosa" = fixiert, der Rest nicht fixiert und der Header ausblendbar (oder beliebig verkleinerbar/ vergrößerbar), so dass der Rest nachrutscht.

Probleme macht wie immer der IE. Die Sache sollt in IE, Mozilla und Opera laufen.


Hier der Link zum Quelltext

http://swiss2.whosting.ch/tsc-smaragd/css_test.php

so wie ich den header auf fixed setze, wird das layout in mozilla und opera zerballert. IE zuckt gar nicht!


Vielleicht hat der ein oder andere dieses Porb gehabt und gelöst

DAAAAANKE

[racinggoat]

immer noch Hiiiilfe eines newbies

falls der quelltext fehlt ->

Unter dem oben angegebenen Link ist auch DER zu sehen

[fricca]

SELFHTML: Stylesheets / CSS-basierte Layouts / Fixe Bereiche
Google und die Suchfunktion wissen auch viel zu "position:fixed und workaround für IE"

Diese Box soll fixiert werden. Die anderen 3 Boxen sollen nach oben aufrücken, wenn der header leer ist !

Das wird nicht gehen. Fix positionerte Element sind aus dem Fluss. Sie sind für andere Elemente nicht existent.

[racinggoat]

Kann man nicht 2 container verwenden ? In den ersten packt man dann den "fixen" rein. Der erste ist nur der "Platzhalter" ?

[fricca]

Ich weiß nicht, was du meinst.
Du kannst die overflow-Eigenschaft auf beliebige Container anwenden und dort rumscrollen. Die Benutzerfreundlichkeit bleibt dabei meist auf der Strecke.