Ciao, ho sviluppato un sito con i css esterni e funziona perfettamente con Explorer.
Purtroppo con Netscape 7.0 vedo tutti i div spostati di qualche pixel compromettendone così la struttura e la leggibilità.
Esistono dei css da applicare ai div per far sì che rimangano nella posizione corretta sia con Explorer che con Netscape?
Grazie mille, ciao
Leggi la guida sui CSS di questo sito, vedrai che IE5 ha una non corretta interpretazione del box model percui se utilizzi margin, padding e border per un div sicuramente ti verrà un pò diverso il rendering della pagina rispetto ad altri browser.
grazie, ora provo ma sto consultando tantissime guide sui css e nessuna sembra parlare di div e del loro posizionamento.
Ho letto in una guida ai CSS ke esistono problemi di compatibilità di questo tipo specialmente tra netscape e explorer, se nn ricordo male la differenza tra i due stava appunto nell'interpretazione dei margini e dei padding, adesso cerco la guida se la trovo te la posto!
Grazie! Aspetto...
se nn ho capito male:
il problema sta nel fatto ke IE5 la larghezza (width) fino al bordo, indipendentemente dal padding ke si è assegnato alla stessa, invece lo standard considera, invece, la larghezza come somma di width+padding, risultato differenze di alcuni pixel nel layout... c'è un metodo per ovviare (nel libro ke sto leggendo):
nn usi padding e fai un box dentro un box...
beh, ammesso ke io abbia capito il tuo problema (naturalmente staimo parlando di css)
mmm...scusa ma non mi è molto chiaro, comunque sto sperimentando un sistema, lo testo e poi, se riesco, lo posto.
Grazie comunque!
Ecco il link allo specifico capitolo riguardo al posizionamento degli oggetti.
posizionamento tramite CSS
Leggi tutta la guida comunque se vuoi avere le idee chiare.
Grazie ora me lo studio un pò.
PROBLEMA RISOLTO!!!!!!!!!!!
Non so spiegare bene a parole per cui vi posto i miei css:
Per pc.css è:
.bottoniera_2
{
background: #003399;
width: 760px;
height: 9px;
position: relative;
top: 102px;
left: 0px;
text-align:justify;
margin-top: 0
}
.bottoniera_ita
{
background: none;
width: 760px;
height: 8px;
position: absolute;
top: 101px;
left: 0px;
text-align:justify
}
Per pc_ie è:
.bottoniera_2
{
background: #003399;
width: 760px;
position: absolute;
top: 125px;
left: 0px;
padding: 0px;
text-align:justify
}
.bottoniera_ita
{
background: none;
width: 760px;
height: 8px;
position: absolute;
top: 112px;
left: 0px;
text-align:justify
}
Sono andata un pò a caso e ho smanettato sul comando position, infatti nel primo caso (bottoniera_2) è assoluto e nel secondo (bottoniera_ita)relativo, non chiedetemi perchè ma i risultati sono ottimi.
Permessi di invio
Rispondi quotando