ciao a tutti ringrazio anticipatamente chiunque possa darmi una mano.
Ho appena pubblicato un sito http://www.paoloricci.it/.
Mi sono accorto di un problema di visualizzazione che ottengo in firefox nel senso che il menu principale di sinistra sbava fuori verso destra di una decina di pixel.
Ecco il codice html:
---------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>- Paolo Ricci - Compositore</title>
<meta name="keywords" content="compositore,canto,quartetto,coro,chitarra ,arti applicate,contrabbasso,musica,viola,concorso,conse rvatorio,lettura,oboe,Boston University,Longiano,Sesto San Giovanni.">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="alberto01.css" type="text/css" />
</head>
<body>
<div id="Boxcontenitore">
<div id="header">
</div>
[img]Img/partesopra.gif[/img]
[img]Img/galli.jpg[/img]
<div id="menu">
<ul>[*]Home[*]Catalogo[*]Audio[*]Bibliografia[*]Varia[*]Links[/list]
<div id="news">
<h3>News:</h3>
20/01/07
Il brano "Il Risveglio, la Danza, Il Grido" verrà eseguito il 18 Febbraio
2007 a Modena, presso il Teatro "San Carlo" e il 22 Febbraio a Napoli.
Ne sarà interprete il clarinettista reggiano Giovanni Picciati</p>
</div>
<div id="mail">
<h3>[img]Img/Home_icon.gif[/img] Contattami:</h3>
Paolo Ricci
Via F. Di Dio 323
20099 Sesto San Giovanni (Milano) Italia
cell. 347/7011021
<a href="mailtoaolo">[img]Img/mail_icon.gif[/img]
<map name="Map">
<area shape="rect" coords="-7,1,30,39" href="mailto
</map>
</a>
</p>
</div>
</div>
<div id="content">
<h2>Paolo Ricci </h2>
Nato a Longiano (FC) nel 1949, ha studiato composizione con P.L.Zangelmi al
conservatorio di Pesaro e con F.Donatoni presso l'Accademia Musicale Pescarese
diplomandosi a pieni voti.
</p>
E' del 1984 la sua prima affermazione importante: col brano cameristico "Sentieri
nel
canneto" si aggiudica la vincita del Premio "V.Bucchi", premio
che ha ottenuto nuovamente
nel 1988 col quartetto per archi "Recuperi dal silenzio".
</p>
[img]Img/ricci_home.jpg[/img]Mentre i suoi lavori vengono eseguiti in festivals e importanti manifestazioni
musicali
(Unione Musicale di Torino, Gaudeamus Musicweek, Presencia de Italia en Mexico,
Stagioni
Sinfoniche RAI di Milano e Torino, Boston University, Cantiere Internazionale
d'Arte di
Montepulciano, Aspekte Neue Musik di Salisburgo ecc.) di pari passo aumentano
i
riconoscimenti in numerosi concorsi internazionali tra i quali vanno ricordati
il "G.B.Viotti"
(1984), il Concours Européen Musique et Poésie (1985), il "Guido
d'Arezzo" (1986 e 1992),
il "Musica Antiqua Europae Orientalis" (1986) ed il "G.Savagnone" (1987).</p>
Nel 1990 è stato ospite ai seminari tenuti dal prestigioso Ensemble
Modern a Francoforte
dove il suo brano "Après le sommeil, avant le réveil" è stato
oggetto di prove, esecuzione e
discussioni.
Nello stesso anno è stato invitato dalla Fondazione "Nieuwe Muziek" di
Middelburg (NL) a
tenere una lettura sulla propria musica. In quell'occasione sono stati eseguiti
anche suoi
lavori tra cui la prima assoluta de "Il risveglio, la danza, il grido" per
quartetto di clarinetti.
E' del 1996 l'uscita, presso Miano Editore di Milano, del libro monografico "Il
linguaggio
musicale di Paolo Ricci", curato da R.Cresti e con una prefazione di G.Borio.
E' presente con uno scritto nel libro antologico "Autoanalisi dei Compositori
Italiani" (Napoli,
1992) e con un profilo biografico e un CD nell'"Enciclopedia Italiana
dei Compositori"
(Pagano Editore,1999). </p>
Nel 2003 la sua composizione "Cinque piccoli pezzi", per marimba
e quintetto di
contrabbassi, sotto la guida dell'autore, è stata registrata dalla RAI
TV e mandata in onda
nell'ambito de "I concerti di RAITRE".</p>
Le sue composizioni sono pubblicate da diverse case editrici tra le quali
BMG-Ricordi,
Tonos Verlag,Suvini-Zerboni, Edi-Pan ecc.
Ha al suo attivo alcuni CD e numerose radiodiffusioni in vari paesi.
Versione Inglese </p>
</p>
</div>
<div id="footer">
</div>
<div id="copyright">Copyright © 2007 Paolo Ricci. Powered by Alberto Murgia
</div>
</div>
</body>
</html>
------------------------------------------------------
Ed ecco il css che ho usato
--------------------------------------------------------------
body {
background-color: #FFFFFF;
background-image: url(Img/bg.gif);
background-repeat: repeat-y;
background-position: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
#Boxcontenitore {
width: 700px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#header {
clear: both;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#header h1 {
float: left;
margin-top: -10px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
background-image: url(Immagini/logo.gif);
height: 100px;
background-position: center top;
width: 700px;
background-repeat: no-repeat;
}
#header h5 {
text-align: center;
float: right;
width: 400px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#upphoto {
margin-top: -20px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
}
#frontphoto {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#menu {
font-size: 0.9em;
clear: left;
float: left;
width: 150px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 5px;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CCCCCC;
}
#menu ul {
font-size: 1.1em;
width: 150px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#menu li {
margin-bottom: 4px;
}
#menu li a {
font-weight: bold;
color: #505050;
background-color: #f4f4f4;
display: block;
height: 20px;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #CCCCCC;
text-decoration: none;
}
#menu li a:hover {
color: #FFFFFF;
background-color: #FF6600;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #666666;
}
.Box {
line-height: normal;
color: #505050;
background-color: #f4f4f4;
width: 80px;
}
h3 {
font-size: 1.3em;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
color: #FF0000;
}
#content {
width: 500px;
float: right;
margin-right: 5px;
margin-bottom: 20px;
text-align: left;
margin-top: 0px;
padding: -10px 10px 10px;
}
a {
text-decoration: none;
color: #0099FF;
}
a:hover {
text-decoration: underline;
color: #0099FF;
}
#footer {
clear: both;
text-align: center;
color: #FFFFFF;
height: 80px;
padding: 40px 40px 45px;
background-image: url(Img/logo.gif);
margin-top: 23px;
background-repeat: no-repeat;
}
#news {
clear: both;
float: left;
width: 150px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #f4f4f4;
line-height: 1.5em;
font-size: 0.9em;
text-align: left;
color: #000000;
}
#mail {
clear: both;
float: left;
width: 150px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
background-color: #f4f4f4;
line-height: 1.5em;
font-size: 0.9em;
text-align: left;
color: #000000;
border-top: 1px dotted #CCCCCC;
}
.left {
float: right;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 2px;
margin-left: 5px;
}
h1 {
color: #FF0000;
font-size: 12px;
text-align: center;
}
h2 {
color: #000000;
text-align: center;
font-size: 1.4em;
}
#copyright {
font-size: 0.9em;
color: #999999;
text-align: center;
}
.corsivo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
}
.corsivobold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
-----------------------------------------------------------------
Dove sta l'errore?
Da neofita,non capisco!
grazie
Rispondi quotando