Hacks specifici per diverse versioni di Firefox [era:ff2 vs. ff3]

[pepe.bz]

ciao a tutti,

sono nuovo in questo forum ma non nuovo al mondo css.

in questo ultimo periodo sto avendo dei grossi problemi per implementare un css che vada bene sia per ff2 sia per ff3. possibile che lo interpretino diversamente ?!

ci sono degli css-hacks per ff2 e ff3 come quelli per ie6 (*html) e ie7 (*:first-child+html) in modo da poterli gestire in modo separato?

avete problemi anche voi di questo tipo?

[Myaku]

mai avuto problemi. Puoi postare un link alla pagina così vediamo il codice?

[fcaldera]

benevenuto nel forum

- Evitate di utilizzare titoli non inerenti, eccessivamente corti, generici o contenenti parole inutili. (ad es: "Non funziona", "aiuto css" "IE e FF", "urgente/presto...")

Prima di aprire altri thread prendi visione del regolamento in evidenza, grazie

[pepe.bz]

premetto che uso ubuntu e firefox 2, la pagina é una view customizzata in plone e la diretta interessata é nascosta al pubblico non loggato quindi difficilmente riesco a postarti il link.

metto il codice html e la parte interessata in allegato! é un file txt ma ho dovuto cambiargli l'estensione per poterlo allegare.

e il css interessato qui:

.tileHeadline {
margin-top: -2px;
width: 200px;
text-decoration: underline;
}

.dpelistingImage {
position: relative;
top: -15px;
width: 150px;
height: 200px;
}


.dpelistingImage .newsImage {
width: 150px;
height: auto;
overflow: hidden;
}

.listingBody {
position: relative;
top: -190px;
float: left;
width: 550px;
float: right;
}

#dopingfreelistingContent {
height: 140px;
overflow: hidden;
}

.actions {
position: relative;
left: 569px;
top: -5px;
width: 400px;
}
.actions ul {
margin:0;
padding:0;
list-style:none;
}

.actions li {
background-image: url(++resource++ust.dopingfree.images/tabfree.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
float: left;

}
.actions #listcomment {
padding: 5px 26px 15px 10px;
}

.actions #readMore {
padding: 5px 0px 15px 5px;
}


.actions a {
padding-top: 0px;
color: black;
display: block;
border: none !important;
}

.tileItem {
height: 250px;
border-top: 4px solid #E6E6E6;
padding: 5px;
}

<h2 class="tileHeadline">

Damiano Cunego




</h2>



<div class="dpelistingImage">


</div>





<div class="listingBody">

<label>nazionalitá</label>


ITALY</p>
<label>sport principale</label>


Cycling</p>
<div id="dopingfreelistingContent">
<div class="dopingfree4me">

<label id="forMeTitle">dopingfree per me vuol dire</label>


Proin sem. Nam tristique accumsan velit. Suspendisse placerat metus. Vivamus mauris. Nunc quis augue vitae lectus facilisis auctor. Vivamus dignissim dui in elit. Maecenas dignissim. Vivamus a eros commodo massa convallis rutrum. Donec suscipit. Sed interdum. Donec quam nisi, sollicitudin id, sodales quis, interdum id, turpis. Nunc tincidunt ultrices purus. Aliquam lorem risus, molestie quis, dictum quis, consequat sed, turpis. Donec id risus. Vivamus sed odio ut lacus tempor aliquet.
</div>
</div>

</div>

spero possa esser di aiuto!

[Puzzola]

Si...ma che differenze riscontri tra FF2 e FF3?

[pepe.bz]

che gli elementi sono spostati in ff3 rispetto a come sono posizionati in ff2. e non sto parlando di pochi pixel...

forse sono io che sbaglio qualcosa nell'implementazione ma mi sembra molto strano questo comportamento.

da te ff2 e ff3 si comportano allo stesso modo?

[Puzzola]

Io sinceramente passo la vita a litigare con IE...con FF non ho notato nessun problema del genere...
Anzi...FF mi piace perchè a parte qualche situazione particolare, fa quello che c'è scritto nel CSS a differenza di altri browser...
Poi ha altri difetti...ma almeno sull'interpretazione html+css mi pare di poter dire che si comporta bene.

[Myaku]

Originariamente inviato da pepe.bz
che gli elementi sono spostati in ff3 rispetto a come sono posizionati in ff2. e non sto parlando di pochi pixel...

forse sono io che sbaglio qualcosa nell'implementazione ma mi sembra molto strano questo comportamento.

partiamo con le domande semplici, prima che ci andiamo a spulciare il codice che hai postato
il codice è valido?
dtd?

[fcaldera]

direi che si potrebbe iniziare a correggere questo errore nel css

.actions li {
background-image: url(++resource++ust.dopingfree.images/tabfree.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
float: left;
}

magari quei "più" vengono interpretati in maniera diversa da FF3 rispetto a FF2

[pepe.bz]

non penso!
quei piu sono il modo per indicare una zope3 resource che richiamano una gif che viene visualizzata in entrambi. é solo un path!

@puzzola: anch io continuo a litigare con IE ma non é difficile corregere i problemi visto che ci sono gli hacks specifici per la versione di IE.