Position:relative..problema crossbrowser

[ant_alt]

http://www.nabbaitalia.it/css4.1/chisiamo.html

i tre punti obiettivi, competizioni e formazione sono immagini posizionate sopra la fascia arancio e sovrapposte ad essa con position:relative (infatti notate ke selezionando tutto il testo della pagina ci sono oggetti "invisibili", rappresentano la posizione originale delle 3 immagini) facendo così xò ho un problema con FF..
come posso ottenere lo stesso risultato senza problemi crossbrowser?
lo so è complicato ...

[thomas_anderson]

ciao!
in primis ti faccio i complimenti per il layout, è molto bello. potresti farmi avere il CSS e l'XHTML relativo solo alla parte interessata?

[whisher]

Ciao.
Ho dato un'occhio al css
a parte che con Firefox/1.5.0.4
non mi sembra rendere male
l'unica cosa che mi viene in
mente è usare un margin-bottom
negativo.

[ant_alt]

ora il punto "obiettivi" ha margin-bottom:-48px

su FF funge..ma su IE no...


gli altri punti sono rimasti con
position:relative
bottom:-47px

su IE funzionano e su FF sono sfalsati di 1px (questa è la radice problema )




PiccoloOT: la pagina chi siamo (k poi è l'unica completa) la trovate pesante?

[whisher]

su IE funzionano e su FF sono sfalsati di 1px (questa è la radice problema )

solitamente è la rovescia IE perdona FF NO
pesante la pagina in byte o contenuti o
panetti non c'è malaccio forse qc nota
di colore non guasterebbe

[ant_alt]

Originariamente inviato da whisher
solitamente è la rovescia IE perdona FF NO
pesante la pagina in byte o contenuti o
panetti non c'è malaccio forse qc nota
di colore non guasterebbe

infatti IE e FF in quel position:relative;bottom:-45px hanno un pixel di "differenza" come posso risolvere il dilemma?


volendo usare il margin-bottom negativo...xke IE sciopera completamente(vedi pagina chi siamo voce "obiettivi"?

pesante di contenuti?
mica li faccio io..
intendo in byte..pensavo di metterci un preload...
in ke senso qlc nota di colore?

[whisher]

infatti IE e FF in quel position:relative;bottom:-45px hanno un pixel di "differenza" come posso risolvere il dilemma?

Guarda l'unica soluzione che mi viene in mente è usare un child
selector e cioè setti in modo normale per IE e poi
setti quella buona per FF in questo modo ad esempio
body>div>img (questa regola IE non la vede )

pensavo di metterci un preload...

A parer mio è inutile la pagina si carica velocemente.

in ke senso qlc nota di colore?

e non saprei qc in evidenza per esempio rinonsaprei
cosa
Ah dato un'occhio al codice guarda se riesci a togliere

</p>


</p>


</p>


</p>



</p>


</p>


</p>






</p>


</p>

[ant_alt]

Originariamente inviato da whisher
Guarda l'unica soluzione che mi viene in mente è usare un child
selector e cioè setti in modo normale per IE e poi
setti quella buona per FF in questo modo ad esempio
body>div>img (questa regola IE non la vede )

ora vedo...

A parer mio è inutile la pagina si carica velocemente. in ke senso è inutile? non capisco... :master: la velocità nel caricamento è inutile?se un 56k visita il mio sito ci vogliono 30 sec per caricare una pagina

Ah dato un'occhio al codice guarda se riesci a togliere

i paragrafi vuoti sono temporanei cm avresti potuto immaginare ho dei problemi con quel quadro giallo..dovrebbe stare sotto il #nav..ma questo è un altro 33d

edit: il child selector può essere così?
body > div#container > div.content > img.immagini

[whisher]

body > div#container > div.content > img.immagini

direi proprio di sì

A parer mio è inutile la pagina si carica velocemente. in ke senso è inutile? non capisco... la velocità nel caricamento è inutile?se un 56k visita il mio sito ci vogliono 30 sec per caricare una pagina

Ops Adsl ............... invece del preload potresti ottimizzare le img non ci vedo
poi tanti colori ..........

[ant_alt]

Originariamente inviato da whisher
invece del preload potresti ottimizzare le img non ci vedo
poi tanti colori .....

a me i siti "arlecchino" non piacciono...troppi colori secondo me danno fastidio..
cmq se hai consigli sui colori sono bene accetti..verranno presi in considerazione ....