ciao a tutti ho creato una pagina web con layout flottante però ora la barra di navigazione sta più in alto del corpo cioè la parte centrale della pagina... non riesco a capire perchè qualcuno mi potrebbe dare una mano?
questo è il css:
codice:/*stili per il layout fluido*/ html,body{ margin: 0; padding: 0; } body{ font-family: sans-serif; font-size: 76%; background-color: #228B22; } div#container{ width: 960px; margin: 0 auto; text-align: left; border-left: solid 1px Black; border-right: solid 1px Black; background-color: #00FF00; } /*stili generici, testata e fondo*/ div#testata{ background-color: #00FF00; background-image: url(testata.jpg); background-repeat: no-repeat; color: #FFFFFF; text-align: center; } div#fondo a{ color: #000; font-weight: bold; text-decoration: underline; } . /*stili specifici per il layout*/ div#menu{ float: left; width: 170px; padding: 0px; background-color: #00FF00; min-height: 455px; text-align: left; } div#corpo{ clear: left; min-height: 429px; margin: 0 0 0 170px; padding: 1em 10px; border-width:1px; border-style:solid; border-color: #000; text-align: center; background-color: #FFF; } div#fondo{ clear: right; text-align:center; padding: 5px 0; background-color: #00FF00; color: #000 } div#testata{ height: 160px; } /*stili per la navigazione*/ div#menu ul{ margin: 0; padding: 0px; } div#menu li{ margin: 0px; padding: 0px; list-style-type: disc; } div#menu a{ color:#369; font: normal bold 1.2em/1.4em sans-serif; text-decoration: none } div#menu a:hover{ color: #033; text-decoration: underline } div#menu a#activelink{ color: #033; text-decoration: none } div#menu p{ font-size: 90% }
