position absolute e compatibilità browser

**rx7** · 09-11-2003, 16:58

Ho un problema con i CSS e la posizione assoluta. Provo la pagina con IE e va tutto bene: testo centrato dentro ad un'immagine. Sia l'immagine che il testo sono posizionati con position absolute.
Se vado a provare la visualizzazione della pagina con Mozilla (o firebird che ha lo stesso motore) le parole vengono posizionate non al centro dell'immagine.
Come posso ovviare a questa incompatibilità tra browser? Devo per forza ricorrere ad un browser sniffer?

Tra l'altro ho anche un'altro problema di compatibilità: ho delle immagini/link che al passaggio del mouse tramite codice javascript vengono cambiate con altre immagini. Funziona solo con IE.

Grazie anticipatamente a chi mi aiuterà?

**pela** · 09-11-2003, 18:02

posta il codice così possiamo aiutarti meglio

**rx7** · 09-11-2003, 22:16

Il codice del file css è

/*posizione quadro contatore*/
.pos_quadro{
position: absolute;
top: 500px;
left: 15px;
width: 138px;
background : #0000AF;
}

/*posizione testo del quadro contatore*/
.pos_testo_q{
position: absolute;
top: 515px;
left: 30px;
width: 100px;
font: bold 24px Book Antiqua;
color: white;
}

pos_quadro riguarda la figura che deve racchiudere la stringa
pos_testo_q riguarda la stringa

----------------------
codice del frame interessato

...
<style>
@import url(css_file/stile.css);
</style>
.....
</head>
<body>
<div align="center">
....
posizionamento immagini
.....
[img]img/contascatti.gif[/img]
</div>
<p align="center" class="pos_testo_q">
stringa (scritta con codice PHP)
[/b]

------------------------
risultato perfetto con IE, risultato pessimo se visualizzato con Mozilla (stringa a cavallo del bordo inferiore dell'immagine).

**blakwolf** · 10-11-2003, 00:01

prova a mettere un id e non una classe

**rx7** · 10-11-2003, 21:20

Niente da fare.

Ho sostituito il selettore class con id ma non cambia nulla.

**rx7** · 10-11-2003, 21:44

RISOLTO :sexpulp:

mettendo le due class all'interno di tag span invece di p.

Evidentemente mozilla gestisce il ritorno a capo allachiusura del tag p diversamente da IE.

Ciao e grazie a tutti

**grgq** · 10-08-2011, 20:00

ho lo stesso problema ho messo span ma su mozilla sempre lo stesso difetto

**Vincent.Zeno** · 11-08-2011, 01:01

@grgq

apri un nuovo post

riesumarne uno di OTTO anni fa è eccessivo

chiudo

Discussione: position absolute e compatibilità browser

Strumenti discussione

Ricerca discussione

Visualizza

position absolute e compatibilità browser

Permessi di invio