problema visualizzazione css in firefox

08-09-2007, 00.22.05

Salve, mi sono appena convertita ai css. riesco a lavorare tranquillamente in browser come IE o Avant Browser, i css funzionano una meraviglia. Quando però provo a visualizzare in Firefox cominciano i dolori. Praticamente in Firefox è come se i css non esistessero. secondo voi, qual'è il problema? ecco i codici:

questo è il codice del css esterno:

Codice:

<style>
body {
background-color: 000000;   
background-image: url(http://violentdelights.altervista.org/immagini/boh5.jpg);        
background-repeat: repeat-y;   

 

{ scrollbar-arrow-color: eadae7;
scrollbar-face-color: 21346e;
scrollbar-highlight-color: eadae7;
scrollbar-shadow-color: eadae7;
scrollbar-3dlight-color: eadae7;
scrollbar-darkshadow-color: eadae7;
scrollbar-track-color: 21346e;

font-family: verdana;
font-size: 10px;
color: #ffffff;
cursor: default;
text-align: justify;
line-height: 11px;}

A:link, A:visited, A:active {letter-spacing: 1px; color: #9d0c15; text-decoration: none;}

A:hover {font: 8px verdana; letter-spacing: 1px; color: #9d0c15; text-decoration: none; cursor: hand; font-weight: bold;
}

i,em,b,strong {color: #9d0c15; letter-spacing: 1px;}
u {color: #9d0c15; text-decoration: none; border-bottom: 1px solid #9d0c15; letter-spacing: 1px;}

.post {
font: 1pt verdana;
font-size:10px;
color: 000000;
text-transform: lowercase;
letter-spacing: 0px; 
text-align: left;
border: 0px solid;
cursor: default;
line-height: 14px;
margin-top: 5px;}


blockquote {
font: 7pt verdana;
color: #ffffff;
text-align: left;
border: 1px solid;
background-color: #000044;
cursor: default;
line-height: 12px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
padding: 2px;}




.titoli {
font: 1pt verdana;
color: #ffffff;
letter-spacing: 1px; 
text-align: center;
background-color: #6f193c;
cursor: default;
line-height: 18px;
margin-bottom: 2px;}
</style>

questo invece è il codice della main page:

Codice HTML:

<HTML>
<HEAD>
<TITLE></TITLE>

<link rel="stylesheet" href="http://violentdelights.altervista.org/style.css" type="text/css">

<style>
body {
background-color: 000000;   
background-image: url([url]http://violentdelights.altervista.org/immagini/boh5.jpg);[/url]        
background-repeat: repeat-y;   
 </style>

</HEAD>


<BODY
bgcolor="000000">
>

<P><DIV STYLE="position:absolute; left:25px; top:0px;"><img src="http://violentdelights.altervista.org/immagini/bella_edward_01.jpg"></img></P>

<div id="sinistra" style="position: absolute; top: 250px; left: 5px; width: 130px; height: 506px;"> 

<div class="post">

<b>Home<br>Rules<br>Challenges<br><a href="http://violentdelights.altervista.org/submit.php">Submit</a><br>Entries<br>Winners<br>Site<br><br><br><br>

</b>
<b>Webmistress:</b> Selene589<br>
<b>Opened:</b> 26/05/06<br>
<b>Deadline:</b> 28/07/07<br>
<b>Entries:</b> 61<br>


<div id="destra" style="position: absolute; top: 5px; left: 150px; width: 190px; height: 506px;"> 
<p align="center">
Welcome to <b>These Violent Delights</b>. Every challenge on this site is about Twilight's books series. Take a look and enjoy with our first round!

</p>

</BODY>
</HTML>

spero nel vostro aiuto, grazie in anticipo. :)

[DS] Quando riporti ampi stralci di codice usa i tag appositi, non quelli di citazione, si legge meglio...

**acsocmel** · 08-09-2007, 00.58.46

se davvero il codice che usi è quello che hai scritto
non va bene per niente
il migliore aiuto che posso darti è di leggere qualche guida e soprattutto di testare su browsers come netscape firefox opera safari e soltanto dopo di aggiustare il tiro per i vari explorer con fogli di stile mirati :)

**s7ntech** · 08-09-2007, 02.28.47

non so se è solo questo il problema ma penso che saranno tutti correlati; per esempio qui:

Codice:

body {
background-color: 000000;
background-image: url(http://violentdelights.altervista.or...ini/boh5.jpg);
background-repeat: repeat-y;



{ scrollbar-arrow-color: eadae7;
scrollbar-face-color: 21346e;
scrollbar-highlight-color: eadae7;
scrollbar-shadow-color: eadae7;
scrollbar-3dlight-color: eadae7;
scrollbar-darkshadow-color: eadae7;
scrollbar-track-color: 21346e;

font-family: verdana;
font-size: 10px;
color: #ffffff;
cursor: default;
text-align: justify;
line-height: 11px;}

per il body ci sono due tag di apertura { e uno di chiusura } , per ogni elemento c'è solo un'apertura e una chiusura

[DS] Vedi sopra per il discorso del codice...

08-09-2007, 10.21.49

mmm..io nn posso aiutarti xò stai facendo una cosa inutile ...
perchè metti qusto:

quando l'ho hai gia messo nel css??...ciao davide :D

**dementialsite** · 08-09-2007, 10.28.11

La console di Firefox mi ha trovato due errori:
- nel file CSS esterno non devi inserire i tag <style>: ci pensa già il tag <link> sulla pagina a importare correttamente i CSS
- negli stili che hai scritto in cima alla home page hai dimenticato di chiudere la parentesi graffa } del selettore body

Altre cose non segnalate, ma che temo dovrai sistemare:
- perché nel CSS apri due volte la parentesi graffa su body e la chiudi una sola volta (vedi post di s7ntech)?
- quando specifichi i colori con il loro codice esadecimale, usa sempre il cancelletto (esempio: #000000)
- ricorda che gli stili cursor e quelli relativi alle scrollbar funzionano solamente con Internet Explorer... su Firefox verranno ignorati
- ricorda che se ci fosse conflitto tra stili importati via <link> e quelli specificati sulla pagina con <style>, prevalgono quelli inseriti per ultimi nel codice

Stammi bene...

P.S. Ti ricordo che il sito deve essere fruibile da un'utenza di lingua italiana... attualmente mi sembra scritto tutto in inglese...

08-09-2007, 12.58.16

Grazie mille per i consigli! :) essì sono ancora una "neofita"XD

per quanto riguarda la lingua, la mia intenzione era quella di scrivere in inglese e in italiano, ma avendo trovato questo problema, ho lasciato perdere e ho cercato aiuto, provvederò subito.

p.s. ho risolto tutto, siete mitici!

Discussione: problema visualizzazione css in firefox

LinkBack

Strumenti discussione

Display

problema visualizzazione css in firefox

Regole di scrittura