Problema spazio vuoto tra menu e testo

**mari0** · 29-07-2009, 15:17

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>

**salasir** · 29-07-2009, 16:53

Potresti provare ad azzerare il margin del div con class = "text".

codice:

.text {margin: 0 }

Se non dai nessun valore, ogni browser ha un css di default che potrebbe avere differenti impostazioni da browser a browser.

**emnlmn** · 29-07-2009, 16:55

Per prima cosa dovresti ripristinare il normale flusso, dopo un elemento float (ad esempio impostando clear:left a .text).
Fatto questo non ti rimane che annullare eventuali margini e padding che non gradisci, semplicemente applicando le regole agli elementi interssati, e che potrebbero continuare ad essere visualizzati in modo differente nei browser non completamente aderenti agli standard,
(nel tuo caso annulla il margine al paragrafo contenente il testo).

Ah, dimenticavo... Benvenuto!!! (in tutti i sensi

)

**mari0** · 29-07-2009, 17:13

Grazie 1000 ho risolto il problema!

Discussione: Problema spazio vuoto tra menu e testo

Strumenti discussione

Ricerca discussione

Visualizza

Problema spazio vuoto tra menu e testo

Permessi di invio