problema visualizzazione css in firefox
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...
