bordo contenitore

[VITODACC]

Un saluto a tutti!
Sto creando il mio primo sito con i CSS. Ho creato il layou e il contenitore ha queste caratteristiche:

#contenitore {
float: none;
height: auto;
width: 900px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 20px;
border: thin solid #999;
}

All'inizio avevo creato il contenitore con un altezza fissa in px poi per adattarlo al contenuto che varia ogni volta gli ho dato un'altezza automatica. Il problem è che facendo quest'ultimo passaggio mi scompare il bordo attorno al contenitore, mi rimane solo il bordo superiore: perché?

[mucu]

probabilmente dentro a contenitore hai altri elementi con float
e non hai contemplato il clear
è la tipica situazione in cui il tuo contenitore si riduce al minimo
fai una ricerca nel forum per come usare il clear

[VITODACC]

mucu hai ragione in effetti è come dici tu, ho un'intestazione, barra di navigazione, contenuto e piè di pagina, tutti con assegnati i relativi float ma niente clear (che ancora non ho capito cos'è) cmq faccio uno studio e vedo se riesco a risolvere il problema, ti farò sapere. Grazie!

#contenitore {
float: none;
height: auto;
width: 900px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 20px;
border: thin solid #999;
}
#intestazione {
float: left;
height: 200px;
width: 900px;
}
#barra_di_navigazione {
float: left;
height: 750px;
width: 135px;
padding-right: 10px;
padding-left: 10px;
}
.centratura_logo {
float: none;
text-align: center;
}
#contenuto {
float: right;
height: auto;
width: 745px;
}
#piedipagina {
float: left;
height: 25px;
width: 900px;
border-top-width: thin;
border-top-style: dashed;
border-top-color: #999;
padding-top: 10px;
padding-bottom: 10px;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
margin-bottom: 20px;
}

[VITODACC]

Ho fatto una ricerca sull'uso del clear, ma non sono arrivato alla soluzione del mio problema: i blocchi che formano il mio layout sonno tutti ben disposti all'interno del contenitore.

[mucu]

eppure è stato detto spesso, comunque prova

.paperino {
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both
}

<div id="container">
    tutta la tua roba
    <div class="paperino"></div>
</div>

[VITODACC]

Funziona! Quindi si risolve con uno stile di classe?!... caspita devo approfondire questo argomneto. Grazie di nuovo mucu.