Ciao a tutti, sono Marie, mi sono appena iscritta a questo forum.
La professoressa ha fatto un corso basandosi su delle slide, quindi premetto che la mia preparazione è molto bassa; per l'esame devo però sviluppare 3 pagine di un sito...
Sono disperata...
Vorrei sapere come si fa a allineare una pagina html tramite l'uso di un file css esterno...
Io per ora ho fatto questo, ma non ho ottenuto nessun cambiamento nella mia pagina sul browser.

In html ho messo questo:
<!DOCTYPE html>
<html lang="it-IT">
<head>


<link rel="stylesheet" type="text/css" href="home.css" media="screen" />


<meta charset="UTF-8">
<title> Stop alla violenza sulle donne - Home </title>
<meta name="description" content="Associazione Nazionale Volontarie: Stop alla violenza sulle donne, aiuta da anni le donne vittime di violenza e i loro bambini proteggendoli e lottando al loro fianco" />
<meta name="keywords" content="HTML, CSS, XML, XHTML, Javascript">


</head>
<body>
<body style='width:1024px; height:768px'>
<div id "container">
</div>


<div style="float: left;"> <img src="immagini/logo.jpg" width="300" height="147"/> </div>
<div style="float: right;"> <img src="immagini/se sei vittima.jpg" width="400" height="102"/> </div>


<table style="width:50%" border="1" align="center">
<tr>
<th>HOME</th>


<th>CHI SIAMO</th>
<th>CENTRI ANTIVIOLENZA</th>
<th>GALLERIA</th>
<th>CONTATTI</th>
</tr>

</table>


<div style="float: right;"> <img src="immagini/violenza-donne.jpg" width="800" height="413"/> </div>
</body>
</html>

Il mio file CSS:
body, html {
height: 100%;
margin: 0;
}
#container {
width:1024px;
height:768px;
margin-top: 20px;
margin-right: 100px;
margin-bottom: 20px;
margin-left: 100px;
padding:0;
background: pink;
color: black;
}


h1 {
color: black;
font: 36px Helvetica, Arial, sans-serif;
}

li {color: purple;}


@media print {
h1 {color: black;}
}

Lo so che ho fatto un casino, vi prego, AIUTATEMI! HELP ME!