Ciao a tutti, sono nuovo del forum e sto costruendo un semplice sito.
Mi trovo però di fronte a un piccolo problema di visualizzazione che non so risolvere.
Infatti con Firefox e Opera il testo viene visualizzato subito sotto il menu, mentre IE6 (Uso Windows XP) aggiunge tra il menu e il testo uno spazio vuoto che non riesco a capire come toglierlo.
Come posso risolvere?
CSS:
codice:
.menu ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.menu ul li {
display: inline;
border-right: 1px solid #333;
float: left;
}
.menu ul li a {
margin: 0;
padding: 0 10px 0 10px;
text-decoration: none;
float: left;
}
.title p {
margin: 0;
padding: 25px 150px 0 80px;
font-size: 1.5em;
}
XHTML:
codice:
<body>
<div class="menu">
<ul>[*]HOME[*]MENU1[*]MENU2[*]MENU3[*]MENU4[/list]
</div>
<div class="text">
Text</p>
</div>
</body>