[mozilla] problemi con visualizzazione pagina

[blur]

ciao,

Ho problemi a visualizzare la pagina con mozilla.
o forse è meglio dire che IE fa quello che dovrebbe fare moz.

ho controllato tutti i div aperture e chiusure e non ci sono errori, dato che ho anche validato la pagina...
c'è qualche trucco? :master:

la pagina la potete vedere qui

grazie

[flanza]

non è che hai messo dei padding ecc.?

[blur]

ti riferisci al .css?

ho fatto così:

.boxamico {
width:100%;
height:10%;
padding:0px;
background-color:#fff;           

}

.amitext
{
width:50%;
Height:5%;
margin:0px 0px 0px 5px;
padding:0px;
background-color:#fff;
float:left;

} 

.amimg
{

width:9%;
Height:5%;
background-color:#fff;
margin:30px 20px 2px 10px;
float:right;
}






.boxamico2 {
width:100%;
Height:10%;
padding:0 0 0 0px;
background-color:#fff;           
}





.boxamico3 {
width:100%;
Height:10%;
padding:0 0 0 0px;
background-color:#fff;   
}    


.boxamico4 {
width:100%;
Height:10%;
padding:0 0 0 0px;
background-color:#fff;   
} 

mi sembrava l'unico modo per farlo funzionare, sono abituato ad usare IE, ma adesso devo cominciare a pensare anche per il moz..

[blur]

u :quote: P...

[span]

forse già eliminando il width da .amimg risolveresti per l'immagine che esce dal bordo.

metti un div con clear: both prima della chiusura di <div class="box">

probabilmente il CSS si può ottimizzare ancora, ma già cosi dovrebbe funzionare

[blur]

grazie span funziona,ma le img sono fuori dal box...appunto

non ho capito come usare quel div clear: both... :master:

[span]

Originariamente inviato da blur
grazie span funziona,ma le img sono fuori dal box...appunto

non ho capito come usare quel div clear: both... :master:

è? cioè, tirando via il width sono ritonate dentro al bordo?

per il clear both:

tu hai due div di cui uno con class="box" che contengono le immagini e la descrizione, prima della chiusura del div class box metti un <div style="clear: both">&amp;nbsp; </div>.

Questo perché il float rimuove un elemento dal flusso del documento, e quindi l'altezza dell'elemento contenitore non è più data dai contenuti fluttuanti.

Inserendo il div con clear both, ricomponi il flusso e l'altezza torna ad essere legata alla quantità di contenuti.

Spero di essermi spiegato, se no prendila per buona

[blur]

apperò!!!

perfetto, e spiegazione ottima..

grazie mille

[Shores]

Con tutta probabilità il problema è legato al famoso bug di IE che nel caso un oggetto abbia sia float right che margin-right impostati il margine destro risulta raddoppiato.

Proav a togliere il margin da ciò che è float e vedi se tutto è ok.

Io poi metterei anche un width:100% al BODY.

Ciao!

C'è anche qualche piccolo difetto nel css e nell'html, verifica la validazione...

[span]

Originariamente inviato da Shores
Con tutta probabilità il problema è legato al famoso bug di IE che nel caso un oggetto abbia sia float right che margin-right impostati il margine destro risulta raddoppiato.

az.. mi era capitato e mi chiedevo perché, non lo conoscevo...

schematizzanodo il suo problema era che creava dei box con float:right di 50px e ci schiaffava dentro delle immagini da 200px.

Con IE l'overflow fa allargare il box e non da problemi, con mozilla, giustamente, le dimensioni sono fisse e i px in più dell'immagine usivano a destra. Tirando via il width la largheza si adatta all'immagina e non crea problemi.

Si vedeva bene con la web developer toolbar o aggiungendo un bordo al box dell'immagine