in questa pagina
codice:
<html>
<head>
<style>
body {
padding: 0;
margin: 0;
font-size: 76%;
color: silver;
}
div#container {
min-height: 100%;
height: 100%;
width: 60em;
background-color: blue;
margin: 0 auto;
padding: 0;
border: 2px solid green;
border-top: 0px;
border-bottom: 0px;
}
div#header {
width: 100%;
margin:0;
background-color: red;
height: 70px;
}
div#header h1{
padding: 20 0 0 10
}
div#nav {
width: 100%;
margin: 0;
background-color: pink;
}
div#nav ul {
margin: 0;
list-style-type: none;
font-weight: bold;
text-decoration: none;
color: white;
}
div#nav ul li{
border: 1 px solid yellow;
border-left: 0px;
background-color: green;
padding: 4px;
font-size: medium;
float: left;
}
div#nav ul li:first-child {
border: 1px solid yellow
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>Prova Layout CSS in pagine HTML</h1>
</div>
<div id="nav">
<ul>
[*]Home
[*]Link
[*]News
[*]Pagine
[*]Guida
[/list]
</div>
<div id="">
</div>
<div id="">
</div>
</div>
</body>
</html>
non riesco a mettere lo sfondo del div con id nav credo che il problema sia il float: left ma come risolvo? poi come faccio a togliere quello spazio all'inizio prima del primo elemento della lista?