problema visualizzazione con IE6
Ciao a tutti, sono un neofita, con enorme fatica ho creato il mio sito:
http://www.scpero.altervista.org/index.html
tutto ok con Chrome e Firefox mentre con IE6 è tutto sfasato. Ho letto che potrebbe essere un problema di CSS, ma non so dove guardare. allego css.
Codice PHP:
/*
Original design: Variant Rounded (2-column edition) (v2.0 - Oct 20, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see [url]http://andreasviklund.com/templates/variant-rounded/[/url]
*/
* {margin:0; padding:0;}
/******** General tags ********/
body {margin:25px auto; padding:0; font:76% Verdana,Tahoma,Arial,sans-serif; background:#1e3044; color:#303030; line-height:1.3em;}
a {text-decoration:none; color:#20526a; font-weight:bold;}
a:hover {text-decoration:underline; color:#20526a;}
a img {border:0;}
p {margin:0 0 18px 8px;}
h2 {font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:10px 0 8px 0;}
h3 {font-size:1.2em; margin:2px 0 8px 0;}
/******** Main wrap ********/
#wrap {background:#ffffff url(immagini/Main/wrapbg.gif) top left repeat-y; color:#303030; margin:0 auto; width:960px;}
/******** Header ********/
#header {clear:both; background:url(immagini/Main/header.jpg) top left no-repeat; height:150px;}
#header h1 {font-size:3.8em; letter-spacing:-4px; color:#d88d44; padding:55px 0 10px 45px;}
#header h1 a {color:#d88d44; text-decoration:none;}
#header h1 a:hover {color:#e99e55;}
#slogan {color:#20526a; margin:15px 0 0 45px; font-size:1.6em; letter-spacing:-1px;}
/******** Left sidebar ********/
#sidebar {clear:both; float:left; width:185px; margin:0; padding:20px 0 0 15px;}
#sidebar ul {margin:0 0 14px 2px; list-style:none; color:#808080;}
#sidebar li {margin:0 0 2px 0;}
#sidebar li a {padding:2px 2px 2px 2px; height:1.2em; letter-spacing:-1px; font-weight:bold;}
#sidebar li a:hover {color:#d88d44;}
#sidebar ul ul, #sidebar ul ul ul {font-size:0.9em; line-height:1.2em; margin:2px 0 2px 15px;}
#sidebar ul ul a, #sidebar ul ul ul a {font-weight:700;}
/******** Menu styles ********/
#sitemenu ul {list-style:none; width:185px; margin:0 0 20px 0; padding:0; font-size:1.2em; letter-spacing:-1px;}
#sitemenu li {margin-bottom:4px;}
#sitemenu li a {font-weight:bold; text-decoration:none; color:#20526a; display:block; height:1.1em; padding:2px 2px 2px 8px; border-left: 8px solid #70a2ba;}
#sitemenu li a:hover {color:#d88d44; text-decoration:none; border-left:8px solid #d88d44;}
#sitemenu .current {border-left:8px solid #d88d44;}
#sitemenu ul ul {font-size:0.9em; width:160px; margin:5px 0 8px 20px;}
#sitemenu ul ul li {margin-bottom:2px;}
#sitemenu ul ul li a {border:0; padding:2px;}
#sitemenu ul ul li a:hover {border:0; padding:2px; text-decoration:underline;}
/******** Content variations ********/
#content {margin:5px 20px 0 230px; padding:2px 0 0 0; line-height:1.5em; text-align:left;}
#content h2 {font-size:1.6em; margin:20px 0 10px 0;}
#content h3 {font-size:1.4em; font-weight:normal; letter-spacing:-1px; margin:10px 0 8px 0;}
#content p {text-align:justify;}
/******** Footer ********/
#footer {clear:both; margin:5px auto 0 auto; padding:10px 0 10px 0; width:960px; text-align:center; background: url(immagini/Main/footer.jpg) bottom left no-repeat; color:#555; font-size:0.9em; line-height:1.5em;}
#footer p {margin:3px;}
#footer p strong {font-size:1.1em; font-weight:400;}
#footer a {color:#777; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/******** esci ********/
#esci {clear:both; margin:5px auto 0 auto; padding:10px 0 10px 0; width:960px; text-align:center;
/******** Various classes ********/
.datetag {width:50px; padding:0 0 10px 0; text-align:center; background:#20526a url(immagini/Main/date-bottom.gif) bottom left no-repeat; margin:2px 15px 1px 10px; color:#ffffff; font-size:2.2em; text-align:center; float:left;}
.datetag .date {width:50px; display:block; letter-spacing:-1px; padding:15px 0 5px 0; background:#20526a url(immagini/Main/date-top.gif) top left no-repeat;}
.datetag .month {font-size:0.5em; letter-spacing:-1px; width:50px; display:block; font-weight:bold;}
.textright {text-align:right;}
.center {text-align:center;}
.frontphoto {margin:20px 0 10px 0;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.clear {clear:both;}
.hide {display:none;}
