Div non visualizzato

[starcraftworld]

Ho inserito il seguente CSS:

html {
    height:100%;
}

body {

    background:black;
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    width: 100%;
    height: 100%;

}



div#header {
    height:32px;
    text-align:center;
    border:solid 1pt #808080;

}

div#navigation {
    width:254px;
    height:100%;
    border:solid 1pt #808080;
}

div#content {
    height:100%;
    left:254px;
    top:32px;
    border:solid 1pt #0000FF;
}

Il div corrispondente al content non viene visualizzato.
La pagina si trova .qui

[fcaldera]

viene visualizzato, ma si trova al di sotto della navigazione. Immagino tu li voglia posizionare uno di fianco all'altro, ad esempio

#wrapper {
  height : auto;
  overflow : hidden;
  width : 756px;
}

div#navigation {
    float : left;
    width:254px;
    border:solid 1px #808080;
}

div#content {
    float : left;
    width : 498px;
    border:solid 1px #0000FF;
}

        <div id="header">

            [img]/header/title.jpg[/img]
        </div>

        <div id="wrapper">
           <div id="navigation"></div>
           <div id="content"></div>
        </div>

non puoi utilizzare left: ... perchè i posizionamenti sono statici, così come diventa scorretto usare height: 100% dal momento che lo spazio rimanente è invece 100% meno l'altezza dell'header.

[starcraftworld]

ho provato con la classe wrapper ma il risultato non è quello che volevo.

[silvia.c]

Nel sito di html.it prova a cercare layout gala, trovi una raccolta di layout e c'è anche quello che ti occorre. Ovviamente confronta il tuo codice con quello del layout che sceglierai e becca l'errore che stai facendo...

[starcraftworld]

ma l'altezza di una pagina è sempre 1000px?

[silvia.c]

perchè 1000px? L' "altezza" non potrà mai avere un valore stabilito...

[starcraftworld]

se io ho dato all'header un'altezza di 32px come faccio ad impostare l'altezza del content a 100%-32px?