perchè nel seguente codice:
- Codice: Seleziona tutto
<html>
<head>
<title>esempio</title>
<style>
.contenitore{border:thin solid green;
width:500px;
height:400px;
margin:auto;
}
.box{ border:thin solid green;
margin:auto;
margin-bottom:1%;
width:98%;
height:98%;
}
</style>
</head>
<body>
<div class="contenitore">
<div class="box"></div></div>
</body>
</html>
di un semplice riquadro all'interno di un altro riquadro non riesco a centrare verticalmente il riquadro interno?
Se stabilisco che il riquadro interno deve occupare il 98% dello spazio disponibile penso che non dovrebbero esserci problemi se applico margin-top:1%; e margin-bottom:1%; Però ,evidentemente,le cose non stanno cosi: il bordo superiore mi risulta sempre attaccato al box del contenitore...come mai?