[CSS] Problemi con firefox

27-02-2006, 19.16.29

Prima di iniziare a sviluppare quello schifo di sito che volevo fare (ovviamente mi son fermato a metà.. nn posso mica fare una cosa completa io

), mi sono informato sulla compatibilità dei CSS (o meglio, l'ho fatto mentre leggevo dei tutorials sul linguaggio)!
come programma ho usato per comodità TopStyle che mi è sembrato davvero un buon editor.
a fine lavoro ho provato a vedere gli errori di compatiblità (li segnala il programma stesso) e ho notato che per explorer ce n'era 1 (che in realtà funzionava relativamente bene), con netscape ce n'erano un paio e con firefox c'era solo 1 warning (o un paio, nn ricordo bene).
aprendo il sito ho notato che con explorer si vedeva prfettamente (tranne la barra di sotto che nn ho modificato perchè nn metto mano al sito da un pochino di tempo), mentre con firefox si vede da schifo.. ma proprio nn c'entra nulla col template del sito

da cosa può dipendere? cioè nn ho proprio idea di dove possano essere i vari errori, qualcuno può darmi una mano?

scusate e grazie,
Luca

27-02-2006, 19.45.57

Guarda ho dato un'occhiata molto superficiale al codice del tuo sito.. Devo dire che il codice mi sembra molto disordinato...

Davvero non mi sembra proprio colpa di firefox è che bisogna seguire gli standard... La colpa suppongo non sia tua ma dell'editor che usi..

vediamo un po:

- tag proprietari IE

- troppy tag <body>

- Manca DOCTYPE

- troppi tag <html>...

Comincia quantomeno da mettere un DOCTYPE e a mettere solo un tag body e un tag html.. vediamo che succede

27-02-2006, 21.00.33

attento alle pagine che includi con php perchè in molti casi i codici d'intestazione e il tag body non devi metterli

**SolitaryExplorer** · 27-02-2006, 22.36.53

Non è colpa di TopStyle (che è un ottimo programma) ma del come applichi i vari stili agli elementi della pagina web.
Per il resto: quoto.

28-02-2006, 16.14.15

vi ringrazio tutti quanti per l'aiuto, ora ritiro giù le pagine e mi metto un po' ad applicare i suggerimenti avuti :)
ovviamente sono l'ultimo a dare la colpa a firefox e a topstyle (che ritengo siano [quasi] il top nel loro settore), e attribuisco la colpa a me che sinceramente nn ho avuto molto tempo per studiare il linguaggio!

grazie mille, vi terrò informati :D

03-03-2006, 22.40.09

sotto suggerimento di un amico ho provato a mettere i css interni, invece che esterni (togliendo quindi l'@import) e funziona anche con firefox (nn si vede bene dato che suppongo ci siano alcune cose da modificare [che nn ancora riesco a trovare]).
sapreste dirmi cosa c'è che nn va? (la visione reale dovrebbe essere quella con Explorer, nn quella con Firefox, quindi la pagina dovrebbe stare accanto al menù, nn sotto)

la pagina di riferimento è: http://drako1989.altervista.org/p2p.html

chiedo scusa ma oggi ci son stato a lavorare tutto il giorno, l'ho rifatto TOTALMENTE da 0 (basandomi un po' su un template creato da questo sito: http://www.inknoise.com/experimental/layoutomatic.php per vedere se c'era qualche tag strano che usavo) e nn ne son venuto a capo :( nn so più cosa fare
grazie!

03-03-2006, 23.08.58

invece di usare @import, prova a togliere i tag style e a lasciare questa qui:

<link rel="stylesheet" type="text/css" href="stili/template.css">

03-03-2006, 23.52.12

già provato.. stessa cosa che se metto @import (in pratica rimette tutto come si vedeva all'inizio con firefox, ricordi?)

**SolitaryExplorer** · 03-03-2006, 23.57.48

il modo più corretto è:
<style type="css/text">
@import file.css
</style>

04-03-2006, 00.07.59

che era quello che c'era prima :P

grazie!

04-03-2006, 00.18.33

hai provato a togliere le virgolette dentro l'import e a lasciare solo le parentesi?

**funcool** · 04-03-2006, 11.51.58

Se metti più di due fogli di stile esterni, FireFox ti legge solo i primi due.

**dementialsite** · 04-03-2006, 11.58.22

Qualcosa di strano l'ho trovato, dando un'occhiata a questi tuoi stili:

Codice:

#menu {
	padding-bottom: 5px;
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #F0F0F0;
	border: 1px solid #133D5E;
	width: 120px;
	float: left;
}

#contenuto {
	height: 800px;
	float: right;
	position: relative;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	background-color: #F0F0F0;
	color: #000000;
}

Io sapevo che lo stile float che tu hai usato funziona a dovere SOLO se per i contenuti a cui sono associati imposti anche una larghezza. Evidentemente IE è un po' di bocca buona e riesce a piazzartelo come volevi, Firefox invece, non trovando la larghezza impostata, crede che il DIV debba occupare tutto lo spazio disponibile, che è più di quello che ti rimane a destra del menu...

Soluzione: dovrebbe bastare aggiungere uno stile width:auto; o una larghezza adeguata in pixel o in percentuale anche al selettore #contenuto...

Stammi bene...

04-03-2006, 15.46.31

vi ringrazio davvero tutti quanti per gli aiuti e rispondo subito a tutti e 3:

per attorianzo: ho provato anche in quel modo (sto facendo le prove in locale senza riuppare ogni volta altrimenti c'è da suicidarsi :P) e purtroppo nn cambia nulla :(
per funcool: ce n'è solo uno di foglio di stile :(
per demential: nn lo sapevo a dirti la verità e ti ringrazio molto per averlo portato alla mia attenzione, ma purtroppo ora ho provato anche in quel modo e nn funziona lo stesso :'(

ora uppo anche i files aggiornati con gli ultimi suggerimenti!

grazie mille!!!!

05-03-2006, 13.58.50

ho appena iniziato ad usare i css e anche io nn riesco a fare un layout table-less, sei riuscito a risolvere tu?

**funcool** · 05-03-2006, 16.01.14

Originalmente inviato da night0191

ho appena iniziato ad usare i css e anche io nn riesco a fare un layout table-less, sei riuscito a risolvere tu?

Prova a vedere su www.constile.org.

05-03-2006, 17.39.53

nn ancora riesco a risolvere, ci sono altri suggerimenti :(
nel frattempo ho provato anche a vedere il codice di alcuni template già fatti e sembra che sia a posto :(

05-03-2006, 17.48.59

guarda.. secondo me l'unico problema che c'è è che lui quel foglio di stile stili/template.css non lo trova!

Potrebbe essere che c'è qualche lettera maiuscola nel titolo vero di questo foglio di stile o nella stessa cartella "stili" o magari "Stili" o "STILI" ecc ecc?

05-03-2006, 23.16.25

nell'ultimo che ho fatto lo stile si trova direttamente nella cartella insieme alla pagina e il nome è esatto anche come case sensitive!

06-03-2006, 20.45.53

ah, ora che ci penso.. nn può nemmeno essere quello il motivo dato che ie lo legge..

proprio nn ne riesco a venire a capo.. dev'esserci qualcosa che nn va porca miseria :(

Grazie cmq a tutti ragazzi!

06-03-2006, 21.26.28

Codice PHP:


*>div#contenuto{
height:auto;
}

c'è uno strano segno prima di questo div...

06-03-2006, 23.45.54

Originalmente inviato da attorianzo

Codice PHP:


*>div#contenuto{

height:auto;

}

c'è uno strano segno prima di questo div...

ti ringrazio ancora per l'aiuto, ma mi dispiace deluderti, per due motivi:
quello è del vecchio stile, il nuovo stile (linkato alla pagina p2p.html ma nn alla home per il momento [anzi ora ce lo linko subito]) è questo: http://drako1989.altervista.org/InfoStreet.css
e poi perchè quello è un fix che avevo trovato tempo fa per alcune "demenze" di internet explorer (in pratica però nn ricordo quale fosse di preciso) che cmq nel nuovo stile nn c'è :(

grazie ancora davvero!!! e scusami se ti sto facendo uscir pazzo :D

**heracleum** · 07-03-2006, 00.56.29

Fai una cosa.. vuoi risolvere all'istante?

Togli quel cacchio di direttiva @import (che mi sta sulle *alle, non so neanche a che serve, non l'ho mai usata, e mai la userò

)
e indica cristianamente gli stili così:
<link rel="StyleSheet" type="text/css" href="/InfoStreet.css" />

e vedi che funziona su mozilla subito e alla grande

07-03-2006, 01.55.01

ma porca di quella beeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeep!!!

hera ti ringrazio, in effetti ora funziona.. il problema è che come ti avevo detto su avevo già provato (almeno mi pare), può darsi che durante quella prova ho sbagliato qualche cosa per il case sensitive!!

ti ringrazio davvero, a dir la verità ringrazio tutti quanti che vi siete sbattuti a trovare sto errore del cavolo (tra l'altro nn ricordo su che sito avevo trovato che l'@import è utilizzato soprattutto per risolvere dei problemi di conflittualità con firefox e netscape.. ho notato.. forse volevano dire per creare! -_-'' )

grazie mille davvero,
Luca!

**heracleum** · 07-03-2006, 02.07.45

Mah! Infatti -come detto su- ho sempre usato il <link rel..> e non ho mai avuto problemi...
anzi se qualcuno che usa spesso la direttiva @import e ci si trova bene riuscisse a spiegarci chiaramente qual è la sua utilità o almeno cosa cambia rispetto al link rel ci farebbe un gran piacere

Forse sfugge alla cache dei browser? (cosa cmq negativa se così fosse) boh

**dementialsite** · 07-03-2006, 10.49.52

Originalmente inviato da heracleum

... anzi se qualcuno che usa spesso la direttiva @import e ci si trova bene riuscisse a spiegarci chiaramente qual è la sua utilità o almeno cosa cambia rispetto al link rel ci farebbe un gran piacere

Forse sfugge alla cache dei browser? (cosa cmq negativa se così fosse) boh

Anch'io uso il mio bravo tag <LINK>... ma ho notato che provando con Internet Explorer a salvare pagine in cui lo stile è impostato così (con il tag @import), il browser non riesce a riconoscere il file di stile, non includendolo nella cartella "pagina_file" che si crea, appunto, con il salvataggio.

Sarà perché è, in parte, una (MOOOLTO blanda) protezione di dati?

Statemi bene...

07-03-2006, 12.39.11

Certo che con questo FF se non ti adegui scrupolosamente a tutte le prescrizioni del W3C e a una corretta sintassi sei fottuto...Che palle!!! Comunque non ti scoraggiare...Io ci ho messo un anno per avere un sito crossbrowser ma alla fine ce l'ho fatta!!!

07-03-2006, 14.10.39

firefox non mi ha mai dato problemi... ho sempre avuto problemi con IE (e qualche volta con Opera, anche se si dice che il migliore per gli stili...)

07-03-2006, 15.44.22

Originalmente inviato da cflgroup2001

Certo che con questo FF se non ti adegui scrupolosamente a tutte le prescrizioni del W3C e a una corretta sintassi sei fottuto...Che palle!!! Comunque non ti scoraggiare...Io ci ho messo un anno per avere un sito crossbrowser ma alla fine ce l'ho fatta!!!

beh ma il problema nn è firefox.. è che se ci sono delle regole (che ho violato in questo caso :D) vanno rispettate.. un motivo c'è :D

07-03-2006, 18.04.41

Ciao a tutti... :)
Per chi volesse fare un corretto layer potrebbe usare Dreamweaver, anziche' Frontpage, dato che e' molto pulito per quanto riguarda sia il codice che il layer...
Mentre altrettanto buono e' per chi si cimenta con i fogli di stile CSS..
Ricordo che il foglio di stile inizia con questa parte di codice.:
<STYLE type="text/css">

</STYLE> <--- Qui imvece termina...

Questo era solo un esempio tratto dal mio sito.
Un Cordiale Saluto.

Dreaker.
http://dreaker.altervista.org

Discussione: [CSS] Problemi con firefox

LinkBack

Strumenti discussione

Display

[CSS] Problemi con firefox

Regole di scrittura