Hi,

ich schlage mich nun schon seit eh und jeh immer wieder mit dem gleichen Problem rum, weiß aber nicht wie ich das lösen kann.

So in etwa die Ausgangssituation:



Also ein Banner + eine Additional Box oben, danach ein ganz anderer content.
Die Additional Box soll via CSS position: relative über das große Bild gelegt werden.

Wenn die add_box in das Bild positioniert wurde lässt der Browser trotzdem noch den Platz unter dem Banner frei. Das heißt wenn die add_box 50px hoch ist, dann fängt die divbox mit dem ganz anderen Content 50 px weiter unten an, als sie sollte.

Ich will also irgendwie die add_box irgendwie aus dem normalen Browserfluss rausbekommen wenn die relativ ist. absolute positionierung funktioniert hier leider nicht, da das template responsive sein soll.

Ich habe auch schon probiert eine div Box mit einem responsive Background aufzubauen, und die add_box dann dort hinein zu legen. Das funktioniert aber wegen der Höhe nicht korrekt.

Vielen Dank schon mal für jede Hilfe

Hi,

danke für die Antworten.
konnte mir die Frage jetzt sozusagen selbst beantworten. Eine Lösung für das Problem gibt es hier.

mademyday.de/css-height-equals-width-with-pure-css.html

mann mann mann,.. ein haufen Dreck gibts da noch zum Thema Responsive. Da muss echt noch einiges nachgeholt werden vom W3C