CSS Wrapper dynamische Größe

Head0r2k7

Cadet 4th Year
Registriert
Nov. 2007
Beiträge
86
Hallo Community,

zunächst muss ich gestehen, dass ich erst seit ein paar Tagen mit css arbeite.
Ich stehe momentan vor einem Problem wozu ich einfach keine Lösung finde, folgendes Szenario:

Ich habe einen Hauptwrapper den ich als Rahmen für alle inhalte auf der Seite verwende, darin befinden sich weitere wrapper bzw. Container.

Der Hauptwrapper (Rahmen) hat eine höhe von 100% ( "Height:100%;" ) dadurch wird die vertikale größe genau so groß wie die inhalte(andere wrapper) platz einnehmen. Es passt genau!

Jedoch möchte ich die Wrapper innerhalb des Rahmens etwas nach unten verschieben (sprich: "top:100px;") dadurch werden die wrapper im rahmen nach unten verschoben jedoch ist die höhe des Rahmens weiterhin unverändert und durch das verschieben ragt der unterste wrapper über den rahmen hinaus.

wie kann man also dem Hauptwrapper so konfigurieren, dass er auch das verschieben von inhalten (in diesem fall wrapper) zu seinen 100% height zuordnet?
 
wenn du alles, was im hauptwrapper drin ist auf "position: relative;" stellst, gehen alle inhalte die bewegung des hauptwrappers mit.
 
das mit margin-top did the trick,

echt klasse vielen dank, das mit allem relative teste ich auch mal ebenfalls danke :D
 
Zurück
Oben