Padding funktioniert nur top & left ?

[Hausmaster]

Hallo!

Schon wieder ein kleines Problemchen.

Habe einen DIV Container der sich der Seitenbreite anpasst. Nun will ich in diesen Container einen weiteren Container haben, der oben, unten, links und rechts jeweils 10px vom Rand entfernt ist.

Dies mittels padding zu erreichen ist kein Problem, wenn ichs in einem eigenen html file probiere, allerdings, wenn ichs in meinem eigentlichen Code versuche zu intigrieren scheitere ich.

Hier das Beispiel: http://goinger.net/pre/tp.htm

Der weiße Container nimmt eben nur das top- und left-padding an, unten und auf der rechten Seite ignoriert er den Befehl?!

Was ist der Fehler?

Dankeschön!

[wildmieze]

*kratzamkopp* .. vielleicht sieht man das padding rechts und unten einfach nicht, weil der Container zu breit und zu hoch ist? Meines Wissens kommen die 20px jeweils zu den 100% dazu, und lägen damit außerhalb des sichtbaren Bereiches .. kannst ja mal testweise den Container kleiner machen, ob man dann das padding sieht ..

[Hausmaster]

oho.. habe den weissen Container jetzt von 100% auf 90% gesetzt, und siehe da, das padding wird akzeptiert.
Jedoch bringt mir das recht wenig, denn ich will ja dass am Rand immer ein Abstand von 10px ist - wenn ich ihm jetzt nur 90% gebe ändert sich der Abstand ja immer, abhängig von der größe des Browserfensters.

Weiss denn jemand Rat?

[hero-master]

Moin
das padding-right und -bottom funktioniert, man sieht es nur nicht, Grund ist das Boxmodell. Was evtl. funktionieren würde, ist es dem inneren Div ein margin von 20px zu geben und das padding weglassen:

#inner_content_left {
	position:relative;
	height:100%;
	margin: 20px;
	background-color:#FFFFFF;
}

[Hausmaster]

Danke für die Antwort!
@ Heromaster, hat teilweise funktioniert, links und rechts sowie oben ist mein gewünschter Abstand da, aber unten leider noch nicht..

Weitere Ideen?

Danke

[wildmieze]

Hat denn Dein div eine bestimmte Höhe? Wenn ja, kannst Du dem inneren div eine entsprechend niedrigere Höhe geben (also äußerer Kasten minus 40px, das sind die 2x20px margin) statt den 100% - gut möglich, daß hier wieder dasselbe Problem wie vorher auftaucht, weil das innere div nun zu hoch wird (100% + 40px = über 100 = nicht sichtbar)..

[Hausmaster]

Nein, das ist eben das Problem, der Container passt sich immer an die Seitenbreite an und nimmt dabei ein bestimmtes Verhältniss für die Höhe an.

[wildmieze]

hm. wenn ich da grad keinen Denkfehler hab, wird es schwierig, da sich Prozente und Pixel schwer kombinieren lassen ... alternativ vielleicht sowas wie 96% Höhe und 2% margin. Aber ich meine mich an Schwierigkeiten bei margin-Prozentangaben zu erinnern .. mom .. *goggel* .. aha .. das hier wars: "The percentage is calculated with respect to the width of the generated box's containing block. Note that this is true for 'margin-top' and 'margin-bottom' as well." .. dann vielleicht doch lieber wieder ins äußere div, und da dann 2% padding? .. *kratzamkopp*