»» innerhalb dieses divs benötige ich 3 weitere divs mit jeweils width:100% untereinander, von denen nur der mittlere die fixe höhe 500px hat. die divs darüber und darunter sollen die verbleibende höhe 50/50 teilen, sodass der mittlere ebenfalls zentriert wird.
Ohne Javascript kannst du diese Gleichung nicht lösen. CSS gibt dir das Rüstzeug dazu (noch) nicht.
mfg Beat
Was mir kurz dazu einfällt ist folgendes.
In diesem Div erstellst du eine Tabelle. Diese teilst du in drei Zeilen ein. Die mittlere mit fixer höhe. Die Tabelle selber hat die Höhe x. In diesen kannst du nun (wenn noch nötig) deine Divs erstellen.