Problemi (oni) con OPERA 9

[alice.dm]

Allora premetto che sono alle prime armi, che ho provato a fare un lavoro abbastanza semplice, per un sito semplice nel pochissimo tempo che avevo a disposizione e sono riuscita a fare un sito che è carino anche se senza pretese. Ho usato i CSS e li ho trovati molto pratici, anche se ho usato solo funzionalità molto "base", senza spingermi troppo in là.. o quasi! :rollo:
Ora però mentre con Iexplorer nelle sue varie versioni e anche con Opera 8.x non ho problemi di visualizzazione il mio foglio di stile non esiste proprio per Opera9.
io non so usare Opera però ho visto che era presente l'impostazione stile autore o proprio e ho selezionato lo stile dell'autore, ma il risultato non cambia. Niente non legge niente, neppure lo sfondo del body o l'impostazione per i caratteri.. eppure ho usato diciture standard, ho sempre specificato unità di misura, sono stata molto "precisa" per questo...
Potreste darmi una mano? forse la dicitura
<link rel=stylesheet href="stilemio.css" type="text/css"> messa nelle varie pagine .html non è accettata da Opera9? devo cambiare quella? io non so dove sbattere la testa...

[erredeco]

Prova da:

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

a:

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

[alice.dm]

niente da fare.. non è servito a nulla...

[Another-Life]

Stella puoi essere piu precisa ed indicare cosa non torna su Opera a differenza di IE e Firefox??Grazie...

p.s: Eventualmente posta tutto il documento Html/Xhtml e quello Css.

[alice.dm]

Quello che succede è che per Opera9 (e sottolineo solo il 9) il mio CSS non esiste! Non dico che mi sposta gli oggetti o mi visualizza in modo sbagliato le cose, semplicemente non esiste a partire dal carattere del testo specificato, dal background del body.. ecc ecc..

Cmq ti copio e incollo il CSS che se mi puoi dare una mano mi fai contenta! Io ho fatto quello che potevo, mi rendo conto che sarà ridondante, poco “bello”, poco pulito e pieno di errori... però c'ho provato

<STYLE type="text/css">
{


body {
margin:0;
padding:0;
text-align:center;
color:black;
font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif;
font-size: 12px;
background-image: url(Muro21.jpg);
background-repeat: repeat;
}

img {margin:0; padding:0; text-align:center; border:none;}

table {font-size: 11px; text-align:center;}


h1{padding-left:0.5em;
font: bold 25px arial,serif;
margin:0;}

h2{color: #FF0000; font-size: 2.3em; padding:0; margin: 0;}

a:link {
font-weight: 800;
text-decoration: none;
color: #FF0033;
}
a:visited {
font-weight: 800;
text-decoration: none;
color: #FF6633;
}
a:hover, a:active {
font-weight: 800;
text-decoration: underline;
color: #CC0000;
}

div#container{
background:#eee url(Muro21.jpg) 100% 100% repeat;
width: 760px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: center; /*ripristina l' allineamento*/
min-height: 200px;
height: auto !important;
height: 200px;
}

#testa {
background:#eee url(provasf.gif) 100% 100% repeat;
text-align:right;
color:#0a283a;
}

#testa img {margin:0 .5em .5em 0; text-align:center;}

div#navigazione
{
width:98%;
margin: 0;padding:0;
text-align:right;
}

div#navigazione ul{margin: 0;padding: 0; list-style-type: none;}
div#navigazione li{display: inline; margin: 0 ;padding: 0} /*nota display: inline*/


#corpo {
padding:0 1.5em;
margin:1em auto;
text-align:left;
position:relative;
}

div#corpo p{
line-height:0.8 em;
font-size: 18px;
}

#corpocolonna1 {
background:#eee url(immagini\sf_quadri.gif) 100% 100% repeat ;
margin:0 220px 0 0px;
border-left:0px;
height:250px;
border-right:0px;
padding:1em 0;
text-align: center;
}

#corpocolonna2 {
position:absolute;
top:0; right:10px;
margin:0px 10px 0px 520px;
border-left:0px;
height:250px;
border-right:0px;
padding: 0;
width:200px;
text-align:center;
}


#sottocorpo {
width:98%;
margin:0px 10px 0px 10px;
background:#eee url(immagini\sf_quadri.gif) 100% 100% repeat ;
text-align:center;
padding:1em 1em;
position:relative;
}

div#sottocorpo p{
line-height:1 em;
font-size: 16 px;
}

#piedipagina {
width:98%;
margin:1em auto;
text-align:center;
font-size:smaller;
font-style: italic;
font-weight: 300;
font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif;
white-space: pre;
color: white;
}


.floatleft{
float:left;
margin:0px 0px 0px 7px ; /*serve per tenere una certa distanza dagli altri elementi, se non lo vuoi, impostalo a zero oppure toglilo*/
}
.floatright{
float:right;
margin:0px 2px 0px 2px ; /*serve per tenere una certa distanza dagli altri elementi, se non lo vuoi, impostalo a zero oppure toglilo*/
}
.floatcenter{
float:center;
margin:1px 2px 1px 2px ; /*serve per tenere una certa distanza dagli altri elementi, se non lo vuoi, impostalo a zero oppure toglilo*/
}



}
</STYLE>

Per Html ti riporto solo l’impostazione dell’index:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<BASE TARGET="FramePrincipale">
<META NAME="DC.Title" CONTENT="" >
<meta name="description" content="" >
<META NAME="keywords" CONTENT="T ">
<meta name="author" content="Alice DM" >
<meta name="geo.country" content="IT" >
<meta name="dc.language" content="it" >
<meta name="robots" content="index,follow" >
<META NAME="revisit-after" CONTENT="30 days">
<META NAME="rating" CONTENT="General">
<META HTTP-EQUIV="distribution" CONTENT="Global">
<META NAME="creation_date" CONTENT="">
<title> </title>
<link rel="stylesheet" href="stileMio.css" type="text/css">


</head>

<body>

<div id="container">



<div id="testa">
[img]immagini/logo.gif[/img]


<h1>[img]immagini/titolo.gif[/img]</h1>
</div>




<div id="navigazione">
<ul>
<li >[img]immagini/p_home.gif[/img][*][img]immagini/pStoria.gif[/img]
<li >[img]immagini/pChisiamo.gif[/img]
<li >[img]immagini/pLavori.gif[/img]
<li >[img]immagini/pCorsi.gif[/img][/list]
<ul>
<li >[img]immagini/pCalendario.gif[/img]
<li >[img]immagini/pFoto.gif[/img]
<li >[img]immagini/pAmici.gif[/img]
<li >[img]immagini/pForum.gif[/img]
<li >[img]immagini/pScrivi.gif[/img][/list]
</div>



<div id="corpo">

<div id="corpocolonna1">
<h2>[img]immagini/novità.gif[/img]</h2>
[img]immagini/03.gif[/img]


26/11/06 </p>
xxxxxx

[img]immagini/03.gif[/img]


25/10/2006 </p>
xxxxx

xxxxxxx

[img]immagini/03.gif[/img]
</div>

<div id="corpocolonna2">
[img]immagini/fotovarie.gif[/img]
</div>

</div>





<div id="sottocorpo">




xxxxxxxxx </p>
xxxxxx [img]immagini\x.gif[/img]
</div>





<div id="piedipagina">
xxxxxxxxxxx
</div>


</div>


</body>
</html>

[erredeco]

Da quel che vedo il file stileMio.css inizia (e finisce) con degli errori:

<STYLE type="text/css">{
......
}</STYLE>

VVoVe: VVoVe: VVoVe:

Dentro il file CSS non va il tag <style>!! questo serve se devi mettere uno stile direttamente nell'<head> della pagina html! Inoltre, non devi chiudere l'intero insieme di dichiarazioni css tra le {} ! Mi sa che Opera è molto più sensibile a questi errori degli altri browser...

[alice.dm]

Abbi pazienza quando uno inizia guarda un po' di qua un po' di là e poi finisce per far casino..
ora ci riprovo.. e GRAZIEEEEEE :rollo:


SIIII ALMENO ORA lo stile lo vede.. non proprio tutto tutto come voglio.. ma lo vede...
grazie ancora lo sapevo che era un problema di fondo...