Aiuto a creare struttura sito

[andmx]

Sfrutto questo thread per esporre il mio problema,
ho letto le guide relative all'html e xhtml compresa la sezione sulla creazione della struttura delle pagine con i CSS, ma fatico a mettere in pratica la cosa...qualcuno mi può illuminare?

cioè io sulla pagina xhtml inserisco nel body questo codice

<div id="container">         
<div id="header"></div>         
<div id="navigation"></div>         
<div id="extra"></div>         
<div id="content"></div>     
</div>

quindi nel CSS inserisco il seguente codice

html,body{margin: 0;padding:0}   
div#container {background-color:blue;}  
div#header{margin-top:10;color:red;}  
div#navigation{ float:left; widt:100; background-color:red; }  
div#extra{ float:right; widt:100; background-color:red; }  
div#content{ margin-right:110; margin-left:110; background-color:yellow; }

Risultato: nessuno cosa sbaglio?

eventualmente qualcuno può postarmi due file suoi con un esempio?
prometto di non copiare nulla

[ResianTaxidrive]

hai sbagliato a scrivere width; se non hai contenuto nei div e vuoi vedere qualcosa, devi assegnare anche l'altezza (height).

E come quando alle elementari invece di dire "100cm" si diceva solo "100", la maestra diceva: "100 cosa? Patate?"

Devi scrivere l'unità di misura, ad esempio px

[andmx]

forse allora ho sbagliato a capire qualcosa della guida, anzi di sicuro.
Al di là dell'h sul width che forse ho dimenticato ora ricopiando, avevo capito che se non inserivo l'height lo faceva da solo.

ho capito male?
oppure lo fa da solo se il div contiene qualcosa?

[andmx]

html,body{
margin:0px;
padding:0px;
}

div#container {
height:1200px;
width:700px;
color:blue;
}

div#header{
width:700px;
height:200px;
margin-right:0px;
margin-top:10px;
color:red;
}


div#navigation{
float:left;
width:100px;
height:1000px;
color:red;
}

div#extra{
float:right;
width:100px;
height:1000px;
color:red;
}

div#content{
width:500px;
height:1000px;
margin-right:100px;
margin-left:100px;
color:yellow;
}

ora ho cambiato in questo modo, ma purtroppo nulla...
il foglio l'ho inserito in questo modo nel documento html,

<link rel="stylesheet" type="text/css" href="CSS.css">

[Myaku]

hai usato i float, ma non mi sembra di vedere il clearing (argomento che ogni tanto risalta fuori anche qui sul forum, fai una ricerca)

per quanto riguarda come hai scritto l'html, se hai una dtd html va bene, se è xhtml il tag va chiuso.




edit: vedo ora ... ma che c'entra con il problema del forumista che ha aperto il thread?

[andmx]

centra col fatto che non riesco a creare la struttura

[ResianTaxidrive]

a questo punto non può essere che non si veda niente, è come se non venisse visto il css.
Se provi a mettere nel documento gli stessi stili si vede qualcosa?