problemi compatibilità netscape

[xartdesign]

Ciao ragazzi,

ho un problema che non riesco proprio a risolvere, da poco ho iniziato a lavorare con i CSS ( lo vedrete dal codice ...... ), sto provando ad impaginare un sito con i DIV ma quando guardo se è compatibile con Explore, Mozilla, Opera e in fine netscape mi accorgo che in quest'ultimo le cose non funzionano.

Provo a farvi capire come mi sono organizzato:

un sito con 2 colonne sinistra e destra con altezza 100% la prima, in ognuna di esse ci sono 3 parti (DIV) con all'interno i contenuti ect ect.

la parte del codice CSS è:

html,body{
margin:0;
border:0;
}
body{
padding: 0;
margin: 0;
background-color: #eee;
color: #454545;
text-align: center;
font: 14px Verdana, Arial, Helvetica, sans-serif;
}
div#container{
width: 796px;
height:100%;
margin: 0 auto;
text-align: left;
background-color: #fff;
}
div#box_left{
float:left;
width: 300px;
height:100%;
background-color: #FFCC99;
}
div#box_right{
float:right;
width: 496px;
background-color: #f00;
}
div#logo{
clear:both;
height:180px;
background-color: #99CC99;
text-align: right;
padding-right: 15px;
}
div#scritta{
clear:both;
height:30px;
background-color: #990000;
text-align: right;
padding-right: 15px;
}
div#instestazione{
clear:both;
height:30px;
background-color: #333;
text-align: left;
}
div#header{
clear:both;
height:180px;
background-color: #ff0;
}
div#menu{
clear: both;
text-align: right;
}
div#contenuti{
clear: both;
text-align: left;
background-color: #694;
} 

I colori li ho messi a caso giusto per rendermi conto durante la fase di test ....
Mentre il codice per richiamare il tutto è:

<div id="container">
<div id="box_left">
<div id="logo">Prova testo</div>
<div id="scritta"><h1 class="bianco">Prova testo</h1></div>
<div id="menu">Prova testo</div>
</div>
<div id="box_right">
<div id="header">Prova testo</div>
<div id="instestazione">Prova testo</div>
<div id="contenuti">Prova testo</div>
</div>
</div> 

ora il problema è che in Netscape non vede i due box principali, non mi "flottano" il box_left e box_right e me li mette uno sopra l'altro .... altrimenti per gli altri browser funziona tutto bene, non so se sono stato fortunato e involontariamente funziona bene negli altri 3 oppure c'è qualche errore nel codice ....

Chiedo a voi come posso rimediare e rendere il sito compatibile con Netscape!!!

Ultima cosa ... ma con Netscape la formattazione di un link sempre con i css non funziona?

Grazie a tutti e scusate se sono stato poco chiaro.

[xartdesign]

Provo a spiegarmi bene con un immagine, magari sbaglio alla partenza del layout.

Allego una foto per farvi capire cosa avevo in mente di fare e il relativo template.

La prima immagini è il mio progetto il quale è perfettamente funzionante su opera, mozilla e explore mentre il secondo è come lo vedo con netscape!!!

Perchè netscape non riesce a mantenere i due box left e right ? Dove sbaglio?

Per avere un layout come quello dell'immagine è la strada giusta oppure voi magari avete altre idee per poter ottenere lo stesso risultato?

Grazie .....

Help .......

[Mich_]

Nel tuo codice c'e` sicuramente un errore: il height:100% del container non ha significato, dato che e` il 100% di una altezza non definita.
Devi definire height:100% anche in body e html.

Poi devi chiarire cosa intendi per Netscape. Se e` il 4, il suo supporto ai CSS e` molto scarso, e la cosa non mi meraviglia piu` di tanto: devi fare un CSS specifico.
Se invece e` il 7, dovrebbe essere molto simile a Mozilla o FireFox. Non prendoin considerazione il 6, che e` stato sostituito dal 7 poco dopo la prima usica, a causa dei numerosi bachi.

[xartdesign]

Grazie Mich_,

si effettivamente su netscape sono stato molto vago ... era il 6/6.01.

con altri tentativi sono riuscito a risolvere il problema, ho riscritto da zero tutto il css e ora netscape rispetta il float ... forse era una cavolata che non riuscivo a vedere ...

Ora tutto funziona

Grazie comunque!!!

[Mich_]

Dicono che N6 sia pieno di bachi: conviene passare al 7.