IE e CSS

[Kar0th]

Ciao.

Mentre cercavo di creare una pagina xhtml utilizzando i css mi sono imbattuto in un problema.

In sostanza ho due div, uno è quello che contiene il banner <div id="banner"></div>
l'altro è quello che contiene la data corrente <div id="data"></div>.

Gli stili associati sono:

#banner
{
border:1px solid #000000;
width:800px;
height:150px;
float:left;
background-image:url(../images/BannerSantaMargherita.jpg);
background-position:center;
background-repeat:no-repeat;
padding:0px;
margin-right:-10px;
}

#data
{
border:1px solid #000000;
border-left:0px;
width:199px;
height:150px;
background-image:url(../images/Legno1.jpg);
background-position:center;
background-repeat:no-repeat;
padding:0px;
margin:0px 0px 0px 800px;
}

Il problema che mi si presenta è che sotto Firefox tutto è ok, sotto IE tra il div banner e quello data resta presente un piccolo spessore che è impossibile eliminare.
Ho provato a diminuire i margini, ma così facendo il div data va' a capo e si posiziona sotto.


Qualcuno ha idea di come io possa risolvere questa cosa??
Certo che è proprio assurdo che due browser si comportino in modo così diverso!


Grazie

Mauro

[Federix]

Se hai scritto come titolo IE e CSS perché hai scritto questo thread nel forum XHTML???

[Kar0th]

hai ragione..ho sbagliato...prima ero entrato in quello dei css...poi ho dovuto registrarmi e sono rientrato qui.

Mio errore.
Ora risolvo.

[Mich_]

Non so che DTD usi, ma IE si comporta in modo ambiguo con alcune DTD "vecchie" o senza DTD (invece non dovrebbe avere questi problemi con XHTML Strict).

Prova comunque a togliere eventuali spazi e acapo che ci possono essere tra la fine del div che precede ed il div che segue, cioe` tra </div> e <div ...> (sto parlando del codice HTML, non del CSS).

[Kar0th]

Sto usando la strict...

Se è possibile posto il link della pagina che ho fatto, almeno la si può testa...può essere d'aiuto?

Grazie.


Mauro

[Mich_]

Si`, posta il link: cosi` ci capiamo meglio.

[Kar0th]

eccolo

http://www.santamargherita.altervista.org/


fatemi sapere

[Mich_]

Hai escluso il prologo XML, ma hai messo un commento al suo posto: in tal modo IE non interpreta il DOCTYPE, e IE interpreta in quirks mode.
Il DOCTYPE deve essere la prima cosa della pagina.

[Kar0th]

Quindi devo eliminare i commenti in testa alla pagina?

L'ho fatto, ma non sembra cambiare la situazione.

Grazie

Mauro

[Mich_]

Non ho IE per controllare. Pero` ho guardato tutti i tuoi sfondi.
E penso che ci siano dei trucchi piu` furbi e meno dispersivi (in termini di KB) per realizzarli.

Lo sfondo marron scuro, puo` esser dato omogeneo a tutta la pagina (basta fare un pezzetto piccolo e farlo ripetere);
gli "ovali" pososno esere realizzati con una "testa" e un "piede" (con gli angoli arrotondati), mentre il "corpo" puo` essere fatto ripetendo un motivo.
In tal mdo eviti le piccole differenze nei browser, e risparmi banda (pensa a chi ha la banda limitata).