Problem med marginaler i lager

Hur i hela friden gör jag för att få en snygg ram runt om (uppe, vänster och höger) #inre?

#yttre {
background-color:#000000;
width:500px;
min-height:100%;  
margin:0 auto;  
}
#inre {
background-color:#FFFFFF;
}

Alltså, hur ska koden se ut i #inre för att detta lager ska placeras centrerat med en "ram" (marginaler) i #yttre...???

/red: skrev fel, "...se ut i #inre" menar jag såklart. Har ändrat detta ovan.

#yttre {
background-color:#000000;
width:500px;
min-height:100%;  
margin:0 auto;  
padding:1px 0;
}
#inre {
background-color:#FFFFFF;
margin:1em;
}

Eller har jag missuppfattat vad du frågade efter? Ska #inre vara centrerat horisontellt och vertikalt? Ska den ha en angiven bredd?

Schysst, precis vad jag menade! Måste fråga, vad betyder 0:an i padding?

padding:1px 0;

...är samma sak som:

padding:1px 0 1px 0;

...eller:

padding-top:1px; padding-right:0; padding-bottom:1px; padding-left:0;

Det behövs padding uppe och nere för att inte marginalerna ska kollapsa, men det kan man göra på andra sätt också, som tex att sätta en border, eller göra elementet flytande. :)

Ok, jag förstår! :)

Låt nu säga att jag vill ha ytterligare ett lager, #box. Detta lager skall ligga inne i #inre fast inte täcka hela dess bredd (bredden på #box är obestämd), och dessutom skall det vara placerat i högerkant i #inre. Hur göra?

Fixade det själv efter mycket om och men...

Kan man inte ha borders på en div, jag får det inte att funka iaf...

learn skrev:

Fixade det själv efter mycket om och men...

Kan man inte ha borders på en div, jag får det inte att funka iaf...

Tänkte precis skriva det. Det går givetvis att lägga en border på en <DIV> om det nu bara var det du ville åstadkomma med att nästla två <DIV>. :)

div {
    border:1px solid #000;
}

Insider skrev:

div {
    border:1px solid #000;
}

Det funkar, men en vit border funkar ej...

Insider skrev:

div {
    border:1px solid #FFFFFF;
}

sorry, det är detta som inte fungerar:

border:2px 2px 0px 2px solid #FFFFFF;

Jag vill alltså inte ha border nertill.

border:2px solid #fff; border-bottom:none;

:)