problemi con IE6 spazio sotto div da eliminare

[beaweb]

Salve,
la compatibilità dei browser ci fa davvero impazzire:
la seguente pagina: www.alfazeta.net/spazio.htm
viene interpretata correttamente da IE7 e Firefox, ma IE6 non ne vuole sapere, il div del logo fa allungare inutilmente il div sottostante (colore celeste). Ho provato con float e clear...niente....dove sta l'errore?
grazie da beaweb

[gabar-el]

prova a mettere l'immagine di testa dentro un tag p....

[beaweb]

grazie per il suggerimento, ma non funziona, o meglio, a quel punto si sposta ancora tutto....
qualche altra idea?
beaweb

[gabar-el]

prova così:

#testata {
margin: 0 auto
}

in alternativa puoi sempre mettere l'immagine in background...

[Akito]

Ciao,
ci sono due modi per risolvere il problema:

- togliere gli spazi e l'accapo alla fine dell'immagine [img]image.jpg[/img] in modo tale che risulti una cosa del genere:

<div id="testata">[img]image.jpg[/img]<div id="logo">[img]logo.gif[/img]</div>

(tutto su una riga)

oppure

- mettere le immagini come sfondi del div, in tal caso il lavoro è un pò più complesso e dipende dal caso specifico.

Personalmente preferisco la seconda soluzione, rende il codice html più pulito e leggibile.
Nel tuo caso poi, l'immagine è proprio uno sfondo quindi ti consiglio la seconda ma se stai affrondanto il mondo css per la prima volta potrebbe essere complicato.

Lascio decidere a te.
Ciao
Akito

[beaweb]

G R A Z I E webmasteroni!!!javascript:void(0);
Metallica
Si, la soluzione di mettere l'immagine in background è l'unica funzionante!
Ora devo inventare qualcosa per poter rendere cliccabile la testata.....
Se avete già un'idea...
GRAZIE ancora!!!
beaweb