Hallo,
folgender fiddle:
http://jsfiddle.net/PvfFy/180/
Ich möchte, das die grüne Box genau so auf der bluen angezeigt wird, wie es in dem Fiddle der Fall ist.
Leider kenne ich auf der eigentlichen Seite die höhe der grünen Box nicht, da dort mal mehr, mal weniger drinne steht.
Nun suche ich nach einer Möglichkeit, dieses Proböem ohne JS zu lösen.
Ein einfaches "margin-top: -50%" funktioniert nicht, er nimmt dafür dann die Client-Höhe.
Ineinander verschachtelt kann ich die beiden Divs nicht (aufgrund des bisherigen Layouts), sie stehen aber direkt untereinander. Ich kann sie in ein extra div packen, aber nicht ineinander verschachteln.
Ich arbeite mit Twitter Bootstrap.
Kann mir da jemand helfen?
folgender fiddle:
http://jsfiddle.net/PvfFy/180/
Ich möchte, das die grüne Box genau so auf der bluen angezeigt wird, wie es in dem Fiddle der Fall ist.
Leider kenne ich auf der eigentlichen Seite die höhe der grünen Box nicht, da dort mal mehr, mal weniger drinne steht.
Nun suche ich nach einer Möglichkeit, dieses Proböem ohne JS zu lösen.
Ein einfaches "margin-top: -50%" funktioniert nicht, er nimmt dafür dann die Client-Höhe.
Ineinander verschachtelt kann ich die beiden Divs nicht (aufgrund des bisherigen Layouts), sie stehen aber direkt untereinander. Ich kann sie in ein extra div packen, aber nicht ineinander verschachteln.
Ich arbeite mit Twitter Bootstrap.
Kann mir da jemand helfen?
Kommentar